jQuery Ajaxy插件：在主菜單上調用ajax後，再次在新菜單上使用插件

Question

我在網站的主菜單上使用Ajaxy。 我的問題是，當我從ajax調用中得到結果時，我動態地創建了一個樹形菜單，所以我必須在樹形菜單上使用與主菜單上相同的功能。

$("#tree .menu").html($("#main .menu").html()); 

是否有可能使其與其他插件甚至工作： 樹菜單與此代碼產生的？ 任何幫助，將不勝感激。 謝謝。

Answer 1

如果我正確理解你的問題，你想複製DOM中的現有元素並添加事件（點擊，拖動，插件等）。

如果是這樣，那麼你可以做這樣的：

• 克隆你想.clone()複製並將其存儲在一個變量（將是一個jQuery對象）的元素。
• 與目標工作像你想它（添加事件，更改HTML等）
• 把它放在你想要它做的時候

下面是一個簡單的例子DOM：

$(document).ready(function() { 
     $('.tree li').click(click_func); 

     $('a').click(function() { 
      var $tree_copy = $('.tree:first').clone(); 

      // use the cloned object as an jQuery object 
      $tree_copy.find('li').click(click_func2); 

      // add it to the DOM 
      $('body').append($tree_copy); 
     }); 
    }); 

JsFiddle example