jQuery On不适用于简单的脚本

时间:2014-01-09 18:28:21

标签: javascript jquery

必须有一些心理障碍,我只是没有得到...我的整个网站工作正常,但动态创建的ID链接不是。我的代码出了点问题...它就像这个一样简单,但它没有用,请告诉我我的愚蠢错误(我知道这很简单)。

所以例如这将是一个生成的链接:

<a href="#" id="himan">Hi</a>

然后我有这个脚本:

  $(document).ready(function() {
$(document).on('click','#himan',function(){
 alert('hi');
});
});

但没有任何反应,我没有错误......我迷路了,也许今天我的咖啡不能正常工作。有人能帮助我吗?

2 个答案:

答案 0 :(得分:2)

Here is demo

工作完美:

 $(document).ready(function () {
     $(document).on('click', '#himan', function () {
         alert('hi');
     });
 });

原因可能是id的重复,必须只有一个具有特定id的元素,因为id在页面上是唯一的,如果你添加多个元素使用类而不是id。

答案 1 :(得分:1)

处理click本身的#himan事件......

function initializeDynamicLinks() {
    $('#himan').on('click',function(){
        alert('hi');
    });
}

$(document).ready(function() {
    initializeDynamicLinks()
});

在这里你看到它有效:http://jsfiddle.net/digitalextremist/emUWL/

每当动态添加链接时,请重新运行initializeDynamicLinks()

并且... 正如评论中多次指出的那样,您需要确保#himan仅在您的来源中出现一次,以确保一切正常。< / p>