单击时,附加链接不起作用

时间:2012-12-01 11:03:36

标签: javascript jquery anchor bind

我遇到了新消息可用时附加到页面的链接有问题。它在悬停时就像一个链接,但在点击时无法触发。

var data_split=data.split("*^*");
var count=$('.n_1').length;

if(parseInt(count)!=parseInt(data)) {
    var new_messages=parseInt(data)-parseInt(count);    
    if(new_messages!=0) {
        $('.message_update_holder').html(
            "<p><a class='center n_message' href='javascript:void(0);'>"
            +new_messages+" new notifications.</a></p>");
    }
} else {
    return;
}

要触发点击事件,我的代码如下

$(document).on('click', '.n_message', function(){
    get_notifications();
});

应该注意的是,代码的第一部分是在每10秒更新一次的函数中运行的。我已尝试在每次更新时清除message_update_holder中的html,但这似乎不起作用。

2 个答案:

答案 0 :(得分:2)

尝试更改此内容:

 href='javascript:void(0);'

进入这个:

href='#something'

因为我认为javascript调用会导致失效。

答案 1 :(得分:0)

$('.n_message').live('click', function(){
    get_notifications();
});

您可以尝试使用live