當我點擊第一次

Question

我試圖使用JavaScript和jQuery做一些繪圖我的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

編輯評論

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

因爲點擊操作是'p'。 jquery會返回外部html的對象，在你的情況'p'。試試這個：

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

Answer 3

您是否嘗試從您的代碼中刪除「p」標籤？