JQuery 和链接 - 奇怪的情况

Question

一些文字链接1

<a href="http://anotherlink.com">link2</a>

和 JQuery 代码:

$('#inner a').click(function(){
   console.log( 'achtung' );
});

但是当我点击 link1 时，点击处理程序不会调用。

在另一种情况下:

$('a').click(function(){
   console.log( 'achtung' );
});

当我点击 link2 时，处理程序会调用，但 link1 仍然无法工作。

你能解释一下吗:为什么？

---

这里是更多代码:

 <div id="text-wrapper">
    <div id="text">
       <div id="content_close">close</div>
       <div id="inner">
       <!--Here will be content--> <br />               
    </div>
    ...
 </div>

内容通过ajax加载到内部 block 中。

---

我的问题是我正在动态加载带有链接的内容，因此，当 jquery 代码运行时，页面可能不包含我的链接。所以我必须使用 live-function:

$('#inner a').live( 'click', function(){ alert('achtung'); } );

谢谢大家，问题已解决。

Answer 1

您的 jQuery 代码是否包含在 $(document).ready(function(){ ... }) 内？

如果您没有等待 DOM 准备好，jQuery 可能找不到#inner。

$(document).ready(function(){
    $('#inner a').click(function(){
        console.log( 'achtung' );
    });
});