可拖动 - 如果条件为真,则设置帮助器

时间:2014-04-24 12:00:16

标签: jquery draggable helper

是否可以在jquery draggable中设置帮助器只有在开始拖动时按下控制键(让他们说)?我试过这个:

start: function( event, ui ) {
    ui.helper = !cntrlIsPressed ? "original" : $("<div></div>").text($(this).text()).css({    "background": $(this).css("background"), "padding": $(this).css("padding") }).attr({"data-predmetId": $(this).attr("data-predmetId"), "data-predmetNaziv": $(this).attr("data-predmetNaziv")}).addClass("helper");
}

谢谢!

1 个答案:

答案 0 :(得分:1)

是的,helper选项接受功能:

  

将拖动时返回要使用的DOMElement的函数。

在这里你可以检查CTRL是否被按下并相应地采取行动,请记住返回一个jQuery / DOM元素。

代码:

$(function () {
    $("#draggable").draggable({
        helper: function (evt) {
           return !evt.ctrlKey ? $(this) : $("<div>Demooooooo</div>");
        }
    });
});

演示:http://jsfiddle.net/mt5Mr/