0

Web サイトのメイン メニューで Ajaxy を使用しています。私の問題は、ajax 呼び出しから結果を取得するときにツリー メニューを動的に作成するため、ツリー メニューでもメイン メニューと同じ関数を使用する必要があることです。ツリー メニューは次のコードで作成されます。

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

別のプラグインでも動作させることは可能ですか? どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

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 の例

于 2013-03-07T15:01:01.070 に答える