1

ページの上部に動的にページリンクを作成しています。すべての作業が完了したら、ページリンクラッパーを下のページにあるdivに複製します。問題は、複製されたページのリンクがクリックされても何もしないことです。要素が複製されている場合でも、これは可能ですか？または、ページのリンクをページの下部にもコピーするにはどうすればよいですか？

<div id="pages"></div>

<div id="workspace"><br/></div>

<div id="pagesclone"></div>

//create the page links
for (x = 0; x < 6; x++) {
    $('#pages').append(' <a href="#" class="links">' + x + '</a> ');    
}

//function for when a link is clicked
$('.links').click(function() {
   current = $(this).html();
   $('#workspace').html('You clicked ' + current);
});

//clone to the lower page
$('#pages').clone().appendTo('#pagesclone');

Jsfiddle： http: //jsfiddle.net/JshnC/4/

4

1 に答える 1

3

イベントのクローンも作成する場合は、以下を親に渡しますtrue。

var foo = $(bar).clone(true);

2番目のパラメーターを使用して、さらに深く掘り下げて、子のイベントのクローンを作成することもできます。

var foo = $(bar).clone(true, true);

ソース：http ：//api.jquery.com/clone/

警告

要素でid属性を使用しているようですが.clone、ドキュメントで重複したIDが使用されることになります。可能であれば、複製される要素のクラスを優先してidを使用することは避けてください。

于 2012-05-28T22:53:36.910 に答える