Question

我正在页面顶部动态创建页面链接。完成所有工作后，我将页面链接包装器克隆到位于下页的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/

Answer 1

如果您想要克隆事件，请将true传入parens：

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

您可以更深入地使用第二个参数克隆儿童的事件：

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

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

警告

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

JQuery克隆的页面链接不起作用

1 个答案:

警告