jquery - Jquery UI - 未设置样式的按钮

Question

我刚刚开始为一个新项目使用 Jquery UI。

我已经从我提供的下载中上传了示例代码，并且开箱即用的按钮不起作用。我查看了代码，发现没有调用 button() 方法。

我添加了一个调用，但它仍然不想为我设置按钮样式。我试过把它缩小到只有按钮，但仍然没有。在 IE9、Chrome 20 和 FF 中也是如此。

我已经上传了一个演示到http://www.boys-brigade.org.uk/buttondemo/index.html

为此，我也离开了选项卡演示，因此我可以快速看到 Jquery UI 本身正在加载。CSS 和 JS 都存在，我可以在每个代码中看到“按钮”的提及。

真的很想在这个项目中使用 Jquery UI，但是在第一步遇到问题后，我不确定它是否会成功。

Answer 1

您的按钮周围缺少一个带有“演示”类的 div。您已经从 jQuery 站点上的演示页面复制了 jQuery 调用，这就是他们在那里的内容。这不是必需的，但我认为您只需要相应地调整您的 jQuery 调用。

以下内容可能适用于您的 HTML。

$("button").button();

Answer 2

我正在猜测：

$( "input:submit, a, button", ".demo" ).button();

应该：

$( "input:submit, a, button, .demo" ).button();