未应用 JQuery themeroller 悬停

Question

我正在使用 jQuery 的 Themeroller 为我的网络应用程序创建样式。我正在尝试将样式应用于我自己的自定义按钮。但是，未应用 ui-state-hover 类。

我在我的代码中添加了与我在按钮组件的 Themerollers 页面上看到的相同的类。这是我从 Firebug 复制的代码:

<button aria-disabled="false" role="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="button">
<span class="ui-button-text">Visa/Dölj filter</span>
</button>

我包含了 jquery-ui-1.8.18.custom.css 和 jquery-1.7.1.min.js 文件。

在使用 themerollers 时，除了上述之外还有什么我需要考虑的吗？

这非常令人沮丧，因为我认为这会开箱即用。如果这不起作用，我就不能使用它，因为让它起作用比自己创建样式需要更多时间...

Answer 1

您无需尝试复制 CSS 类，jQuery UI will add these for you .尝试以下 HTML:

<button id="button">Visa/Dölj filter</button>

和 Javascript:

$(document).ready(function() {
  $("#button").button();
}

您需要包含 jquery-ui-1.8.18.custom.css、jquery-ui-1.8.18.custom.min.js 和 jquery-1.7.1.min.js