jquery ui droppable drop element on doc ready答案

【问题标题】：jquery ui droppable drop element on doc readyjquery ui droppable drop element on doc ready
【发布时间】：2012-10-08 15:48:37
【问题描述】：

我有可放置的#selector 和 li。在 $(document).ready();我想将#selector 放到第二个 li.... 在完美世界中，代码如下所示：

$(document).ready(function(){
    $('#selector').dropInto($('ul li').eq(1));
});

但不幸的是，世界并不完美，这就是我们有堆栈溢出的原因。

【问题讨论】：

为什么不手动调用 'on_drop' 处理程序？
不是吗... $('#selector').drop($('ul li').eq(1));
@Nelson 你能再解释一下吗？
@Wardy - 没有方法 .drop()
发布你所有的代码，以便我可以在上下文中发表评论。

标签： jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

好的，通过将放置代码放入单独的函数（我以前见过的答案）解决了这个问题，但诀窍是传入我模拟放置的对象。下面是一些示例代码：

function codeExecutedOnDrop(element){
    element.addClass('blah').fadeIn();
}

$('ul li').droppable({
    drop: function() {
        codeExecutedOnDrop($(this));
    }
});


$(document).ready(function(){
    codeExecuteOnDrop($('ul li').eq(1));
});

感谢 Nelson 和 Wardy 提供的帮助！

【讨论】：