Question

我的PHP的一部分：

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

jQuery的：

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

按钮不起作用，因为它没有转换成按钮，尽管我在html中明确包含了'a'标签。问题在哪里？

Answer 1

为什么不这样做。

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

Answer 2

如果您使用的是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();
    });
});

Answer 3

不确定你要做什么，但你的选择器是按钮，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()

的更多信息，可以浏览link

jQuery绑定点击功能不起作用 - jQuery，PHP

3 个答案: