jquery-ui - jquery プラグインを ajax で読み込まれたコンテンツにバインドする

Question

Web サイトで 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' });
  }
});