Draggable - 如果条件为真，则设置助手答案

【问题标题】：Draggable - set helper if condition is trueDraggable - 如果条件为真，则设置助手
【发布时间】：2014-04-24 12:00:15
【问题描述】：

只有当你开始拖动时（比如说）按下控制键时，是否可以在 jquery 中设置帮助器可拖动？我试过这个：

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

谢谢！

【问题讨论】：

标签： jquery draggable helper

【解决方案1】：

是的，有可能，helper 选项接受一个函数：

一个将返回一个 DOMElement 以在拖动时使用的函数。

在这里您可以检查是否按下了 CTRL 并采取相应措施，请记住返回一个 jQuery/DOM 元素。

代码：

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

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

【讨论】：