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);

您可以更深入，也可以使用第二个参数克隆子事件：

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

来源：http ://api.jquery.com/clone/

警告

我看到您在元素上使用了 id 属性 -.clone将导致在您的文档中使用重复的 id。如果可能的话，避免使用 id 来支持将被克隆的元素上的类。

于 2012-05-28T22:53:36.910 回答