jquery拖放不使用load（）

Question

我已将拖放功能编码在单独的文件中。它工作正常。

我点击按钮时加载此文件。

$( "#sch_list" ).load( 'test.php' );

但它不起作用。如果我直接将内容粘贴到div sch_list中。它的工作正常。

这里有什么问题？

我的test.php代码是：refer the fiddle

在我的主文件中，我的内容为 包含http://code.jquery.com/jquery-1.10.2.js个文件

<div class="scroll-pane" style="height: 438px;" id="sch_list" >

        </div>

Answer 1

.load()函数是AJAX调用的简写，用于将内容加载到页面的某个部分。在加载后，您需要调用任何函数来初始化/配置新内容上的插件。

$('#sch_list').load('test.php', function() {
    // initialise drag and drop on the new contents of #sch_list here
});

或者使用可在多个地方调用的命名函数（DOM就绪，响应AJAX调用响应等）：

function initDnD() {
    // initialise drag and drop here
}

$('#sch_list').load('test.php', initDnD);