моя кнопка jquery не работает, когда я нажимаю первый раз

Question

Я пытаюсь использовать javascript и jquery, чтобы сделать какой-либо заговор, вот код, который я определяю кнопкой, но в первый раз, когда я нажимаю его, работа, во второй раз, когда он работает хорошо, я не понимаю, почему.

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

Не могли бы помочь объяснить это? Спасибо!

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 для комментариев

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

Поскольку действие нажмите на 'р'. JQuery вернет объект внешнего html, в вашем случае «p». Попробуйте это вместо:

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

Answer 3

Вы пытались удалить «p» теги из своего кода?