Javascript 旋转a.draggable（）div-JQuery

我在应用

.draggable（）

时遇到了一个问题，同时还使用了一个函数，当用户单击div时，该函数将旋转div：

//functions for roating text contianer
jQuery.fn.rotate = function(degrees) {
        $(this).css({'-webkit-transform' : 'rotate('+ degrees +'deg)',
                     '-moz-transform' : 'rotate('+ degrees +'deg)',
                     '-ms-transform' : 'rotate('+ degrees +'deg)',
                     'transform' : 'rotate('+ degrees +'deg)'});
};

    $('#draggable').click(function() {
        rotation += 5;
        $(this).rotate(rotation);
});

执行某个函数后，将#draggable追加到容器中，使用Jquery将div追加（..）到容器中；我将.draggable（）函数应用于它

$(".customize-Container").append("<div id='draggable'><span id='"+current+"'></span></div>");
....

$( "#draggable" ).draggable();

$（.customizecontainer”）.append（“”）；
....
$（“#可拖动”）.draggable（）；

我不确定这是否是因为它不存在，而当JQuery附加它时，它仍然保持隐藏状态

我在网页中填充的其他div上尝试过这个功能，效果非常好。让我知道你的想法

大卫希望这有帮助

jQuery.fn.rotate = function(degrees) {
    $(this).css({ transform : 'rotate('+ degrees +'deg)' });
};

var rotation = 0;

$('.customize-Container').on('click', '#draggable', function() {
     rotation += 5;
     $(this).rotate(rotation);
});

---

取决于jQuery v。您可以使用，但谢天谢地，您不需要所有这些浏览器细节，只需要

transform

（最后一个）@RokoC.Bulijan什么意思？我指的是

-browserVendor-

细节attributes@DavidBiga不要害怕，如果您使用最新的jQuery版本，这就是您所需要的