Question

我使用append在单击链接时向div容器添加一些文本。附加的新文本本身也是一个链接。单击新文本链接时，我没有附加到此事件的Jquery事件。

如果我将附加的代码直接粘贴到我的HTML中，那么事件就会被捕获，这几乎就像无法看到附加的html一样。我是否误解了jquery追加函数的工作原理？

谢谢，

艾伦。

编辑**

代码：

$（函数（）{

$('.tab-link').click(function(){

     alert('hello');

});

$('.tab-copy').click(function(){

     var next=$(this).data("next");

     $('#tabs-row-left').append('<div class=\"tab-folder\" id=\"IDtab'+next+'\"><a href=\"#\" class=\"tab-link\" id=\"tab'+next+'\" data-strategyid='+(next+1)+'>TEST</a></div>');


});

}）;

这是JS小提琴：

http://jsfiddle.net/M6Wcj/

如果单击加号，您将看到新文本出现，然后应该像现有文本一样可点击，并且应该警告“你好”，但事实并非如此。怪异！

Answer 1

只需确保您最近添加的链接有正确的路径，例如您使用了$(".class a")，但新元素将是$(".class a a")

Answer 2

听起来你需要将你的事件绑定更改为“on”，如下所示：

$('#container').on('click', 'a', function(){
    //doSomething.
})

jQuery追加是不可见的？

2 个答案: