jquery-ui - 将 jquery 插件绑定到 ajax 加载的内容

Question

我在我的网站上使用了 sortable/portlet jquery ui 插件。在通过 ajax 加载页面后，我加载了一些框。但它们看起来不像是在页面加载时出现的框。我知道通过 ajax 加载和绑定问题的问题。但是我该如何解决呢？

Answer 1

您的 ajax 调用有一个成功方法，您可以使用该方法绑定到已动态添加的元素。

例如你可以做

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
   $(".column").sortable({ connectWith: ".column", cursor: 'crosshair' });
  }
});