jquery - jquery ui droppable drop element on doc ready

Question

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

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

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

Answer 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 的帮助！