jQuery 绑定点击功能不起作用 - jQuery， PHP. - jQuery bind click function not working - jQuery, PHP

jQuery bind click function not working - jQuery, PHP

我的PHP的一部分：

echo '<li rel="'.$rs['pic_id'].'"><a>'.$rs['name'].'</a> <a class="delete">Delete</a></li>';

j查询：

$('#taglist li a.delete').bind('click', function(){
        pic_id = $(this).attr("rel");
        $.post('deletetag.php', pic_id, function(){
            viewtag();
          });
    });

该按钮不起作用，因为它没有转换为按钮，尽管我在 html 中清楚地包含了"a"标签。问题出在哪里？

为什么不干脆做。

$('#taglist li a.delete').click(function()
{
//Code Here
}));

不确定

您要尝试做什么，但是您的选择器是这里的按钮，并且attr rel是父<li>..所以使用parent()...

试试这个

$('#taglist li a.delete').on('click', function(){
    pic_id = $(this).parent().attr("rel");
    $.post('deletetag.php', {pic_id:pic_id}, function(){
        viewtag();
      });
});

如果您的<li>是动态添加的，则在委托事件中使用。

$('#taglist').on('click','li a.delete', function(){....

如果您想阅读有关jQuery的更多信息，可以通过链接on()

如果您使用的是 jQuery 1.7+

试试这个

echo '<li rel="'.$rs['pic_id'].'"><a href="#">'.$rs['name'].'</a> <a href="#" class="delete">Delete</a></li>';
$("#taglist li a.delete").on("click", function(event){
    event.preventDefault();
    pic_id = $(this).attr("rel");
    $.post('deletetag.php', pic_id, function(){
        viewtag();
    });
});

或

$("body").on("click", "#taglist li a.delete", function(event){
    event.preventDefault();
    pic_id = $(this).attr("rel");
    $.post('deletetag.php', pic_id, function(){
        viewtag();
    });
});