Question

我在网站的主菜单上使用Ajaxy。我的问题是，当我从ajax调用得到结果时，我动态创建了一个树状菜单，所以我必须在树状菜单上使用与主菜单上相同的功能。使用以下代码创建树菜单：

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

即使使用其他插件，是否可以使其正常工作？任何帮助，将不胜感激。感谢。

Answer 1

如果我理解你的问题，你想在DOM中复制一个exisiting元素并添加事件（点击，拖动，插件等等）。

如果是这样，那么你可以这样做：

使用.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

jQuery Ajax插件：在主菜单上调用ajax后，在新菜单上再次使用该插件

1 个答案: