Question

我在应用.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上尝试过此功能，但效果很好。让我知道你的想法。

大卫

Answer 1

希望这有帮助

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);
});

旋转.draggable（）div - JQuery

1 个答案: