Javascript 使用ajax加载的内容不会触发jQuery脚本

我有以下可拖动和可选择的jQuery代码用于项目拖动/选择它们，脚本工作正常，直到页面被更改并且

中的内容通过ajax加载，然后可拖动和可选择的jQuery代码无法识别元素，根本无法工作

加载ajax页面之前的

HTML：

<div id="content">
   <div class="files_">
     <div class="item_clickable"><span>hello element</span></div>
     <div class="item_clickable"><span>hello element</span></div>
     <div class="item_clickable"><span>hello element</span></div>
  </div>
</div>

Buckty.load_script();

ajax调用在每次单击任何页面或元素时都有效，但是从ajax调用加载的元素的JavaScript不会影响JavaScript事件

如果它是关于某种小代码，我会将它插入成功函数中，但代码很大，不仅有可拖动和可选择的，还有许多其他事件，这就是为什么我避免将它插入成功函数中

---

如果有一个很好的解决方案来设置代码组，使其即使在ajax页面加载后也能正常工作，那就太好了。

通过将所有其他代码包装到函数中来解决，如下所示：

Buckty.load_script = function(){

 // whole code here 
}

然后在ajax页面加载的成功函数中调用它：

<div id="content">
   <div class="files_">
     <div class="item_clickable"><span>hello element</span></div>
     <div class="item_clickable"><span>hello element</span></div>
     <div class="item_clickable"><span>hello element</span></div>
  </div>
</div>

Buckty.load_script();

---

您必须在成功函数之后创建回调函数。@JeroenBellemans如果是关于某种小代码，我会将其插入成功函数中，但代码很大，不仅有可拖动和可选择的，还有许多其他事件，这就是为什么我避免将其插入成功函数中的原因，您可以共享可拖动的事件绑定代码吗？看起来您必须将事件委托给父div。@azizpunjani用draggable event代码更新了我的问题。如果您为此创建了JSFIDLE，那么有人回答会很有用。

Buckty.load_script = function(){

 // whole code here 
}

Buckty.load_script();