jQuery bind click function not working - jQuery, PHP

Question

Part of my my 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();
          });
    });

The button is not working, as in it didn't get converted into a button although i clearly included the 'a' tags in the html. Where is the problem?

Well first start by changing `.bind` to `.on` .on has replaced .bind. — Kolby, Feb 04 '13 at 07:24
is better to use `on` or `click`. see http://stackoverflow.com/questions/8065305/whats-the-difference-between-on-and-live-or-bind — pbaris, Feb 04 '13 at 07:27

score 1 · Answer 1 · answered Feb 04 '13 at 07:22

1

Why not just do.

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

answered Feb 04 '13 at 07:22

AshotN

395
4
15

Then take a look at your html output. Also use the code I gave you. If that doesn't work it's not js that's the problem it's your HTML structure. – AshotN Feb 04 '13 at 07:25

Pragnesh Chauhan · Answer 2 · 2013-02-04T07:52:31.690

0

if you are using jQuery 1.7+

try this

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();
    });
});

or

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

edited Feb 04 '13 at 07:52

answered Feb 04 '13 at 07:23

Pragnesh Chauhan

8,363
9
42
53

I tried that as well, didn't work. I'm using jQuery 1.9.2 as of now. – Cole Feb 04 '13 at 07:25

score 0 · Answer 3 · answered Feb 04 '13 at 07:24

not sure what you are tryin to do but your selector is button here and the attr rel is of parent <li>.. so use parent()...

try this

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

and if your <li> is added dynamically then use on delegate event..

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

you can go through the link if you want to read more about jquery on()

jQuery bind click function not working - jQuery, PHP

3 Answers3