jQuery UI按鈕點擊事件

Question

我有一個非常奇怪的行爲與jQuery UI按鈕。它看起來只發生在鉻上。

我必須點擊兩次才能使其工作。經過進一步的調查，似乎我不得不點擊文本外（在按鈕的邊緣），使其在第一次點擊時工作。我在按鈕內沒有元素 - 僅文本。

我使用jQuery的text（）方法設置按鈕的文本。當我將其更改爲html（）時，它開始按預期工作。

儘管我已經找到了解決方案，但我很想知道爲什麼發生這種情況。另一件值得一提的事情是，我試圖用jsfiddle來模仿這種行爲，但無法做到。

從的jsfiddle代碼（計算器需要我）：

HTML：

<button>click me</button> 

代碼：

$("button").button().click(function(){ 
    $("body").append("clicked "); 
}) 
.text("click me!"); 

Answer 1

您需要電線這樣的文件準備好這裏面的邏輯：

$(document).ready(function() { 
    $("button") 
     .button() 
     .click(function(){ 
      $("body").append("clicked "); 
     }) 
     .text("click me!"); 
}); 

我在這個fiddle裏面有一個工作示例。

Answer 2

試試這個：

$(document).ready(function() { 
    $("button") 
     .click(function(){ 
      $("body").append("clicked "); 
     }) 
     .text("click me!"); 
});