mon bouton jquery ne fonctionne pas quand je clique sur la première fois

Question

J'essaie d'utiliser javascript et jquery pour faire un peu de traçage, voici le code que je définis le bouton, mais la première fois que je clique ne le fait pas travail, la deuxième fois ça marche bien, je ne comprends pas pourquoi.

$('<p><input type="button" value="Plot Data" /></p>').click(getData).appendTo('#plot'); 

Quelqu'un peut-il m'aider à l'expliquer? Merci!

Mengfei

Answer 1

var 
    // function for event click 
    getData = function(ev) { 
     alert('ok'); 
    }, 
    // your button 
    button = $('<input type="button" value="Plot Data" />').click(getData), 
    // append to p container 
    pcontainer = $('<p></p>').append(button).appendTo('#plot'); 

example

EDIT pour commentaires

var 
    // counter clicks 
    clickCounter = 0, 
    // function for event click 
    getData = function(ev) { 

     $('#controlClick').append('click in getData '+(++clickCounter)+'<br />'); // firsts lines 

     // your code; 
     // don't put return false or ev.stopPropagation() 
    }, 
    controlEvent = function(ev) { 
     $('#controlClick').append('click in control<br />'); 
    }, 
    // your button 
    button = $('<input type="button" value="Plot Data" />') 
    .bind('click', getData) 
    .bind('click', controlEvent), 
    // append to p container 
    pcontainer = $('<p></p>').append(button).appendTo('#plot');​ 

example update

Answer 2

Parce que l'action de clic sur 'p'. Jquery retournera l'objet du html externe, dans votre cas 'p'. Essayez ceci à la place:

$('#plot').append($('<p></p>').append($('<input type="button" value="Plot Data" />').wrap('').click(getData))); 

Answer 3

Avez-vous essayé de supprimer les balises "p" de votre code?