wilq32-pwitkowski / jqueryrotate

jQueryRotate - plugin to rotate images by any angle cross-browse with animation support
http://jqueryrotate.com
151 stars 58 forks source link

event re-binding work in Safari/IE/Chrome, but not FF #11

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1.create two elements: button and image (button is for rotate the image, )
2.use this code to bind the event to the button:
    function rotate(v){
        $('#imageFax').rotate(180*v);
        $('#btnRotate').unbind();
        $('#btnRotate').click(function(){
            rotate(v+1);
        });         
    };

    $(document).ready(function(){
        $('#btnRotate').click(function(){rotate(1);});
    });

What is the expected output? What do you see instead?
On ie/safari/chrome, clicking the button rotate the image 180 degree.
On ff, the button no more clickable after the first press

What version of the product are you using? On what operating system?
Jquery 1.4.2, latest jqueryrotate, IIS6, all ie/safari/chrome/ff(3.6.6) are 
latest.

Please provide any additional information below.
And also if I limit the image width, the image will back to normal size after 
the first rotate and displayed on top of the button. But no problem on 
ie/safari/chrome

Original issue reported on code.google.com by dericts...@gmail.com on 7 Jul 2010 at 2:19

Attachments:

GoogleCodeExporter commented 9 years ago
Everything works fine, but after rotation a button is under a canvas element 
floating over it. The question is only... why? hmm.. I need to find out a easy 
way... For you I would propose to put BUTTON over rest by putting higher 
z-index and position absolute, or any other way of moving button over element.

Original comment by wil...@gmail.com on 8 Jul 2010 at 9:23

GoogleCodeExporter commented 9 years ago
This will, for now, wont be fixed and left up to user to control z-index of 
elements on page

Original comment by wil...@gmail.com on 25 Jan 2011 at 11:41