1

我在应用一段时间时遇到了一个问题.draggable()，它还使用了一个在用户单击它时会旋转 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();

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

我已经在填充到网页中的其他 div 上尝试了此功能，并且效果很好。让我知道你的想法。

大卫

4

1 回答 1

3

希望这可以帮助

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);
});
于 2013-07-09T15:32:30.793 回答