Question

我在使用jQuery UI按钮时有一些非常奇怪的行为。它似乎只发生在chrome上。

我必须点击两次才能使其正常工作。经过进一步调查后，似乎我必须在文本外部（按钮的边缘）单击，以使其在第一次单击时工作。按钮内没有元素 - 只有文字。

我使用jQuery的text（）方法设置按钮的文本。当我将其更改为html（）时，它开始按预期工作。

虽然我找到了解决问题的方法，但我很想知道为什么会这样。值得一提的另一件事是，我试图用jsfiddle模仿这种行为，但无法做到。

来自jsfiddle的代码（stackoverflow要求我）：

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

试试这个：

Apps aren't loaded yet.

jQuery UI按钮单击事件

2 个答案: