jQuery live无法正常工作

Question

Why below code does not work:

$('button[name="publish"]', 'button[name="cancel"]').live('click', function(){
    alert('ddddd');
});

The html is generated dynamically which is basically facebook's Share dialog which has these two buttons:

<input type="button" name="publish" value="Share">
<input type="button" name="cancel" value="Cancel">

• Reference to jQuery lib is fine and checked
• Using ready handler

---

The page can be viewed here:

https://www.facebook.com/pages/Development-Application-Testing-Page/124719744278421?sk=app_126015774115928

Answer 1

Your current selector is short for:

$('button[name="cancel"]').find('button[name="publish"]')

That's not intended. You're looking for:

$('button[name="publish"], button[name="cancel"]')

Answer 2

Because your selector is slightly wrong. Try this (note the fact that the entire selector expression is quoted):

$('button[name="publish"], button[name="cancel"]').live('click', function(){
    alert('ddddd');
});

What you currently have is looking for the first part of the selector ( button[name="publish"] ) and using the second part of the selector as a context (in other words, it looks for elements that match button[name="publish"] and are descendants of elements matching button[name="cancel"] ).

Also note that the live method is deprecated. If you're using jQuery 1.7+ use on . If you're using an older version then use delegate .

Answer 3

It does not work because your are trying to select an "input" with a $('button...')

try this

$('input[name="publish"] , input[name="cancel"]').live('click', function(){
    alert('ddddd');
});

Answer 4

$('input[name=publish] , input[name=cancel]').live('click', function(){
    alert('ddddd');
});

Answer 5

$('button[name="publish"], button[name="cancel"]').live('click', function(){
    alert('ddddd');
});