JQuery themeroller hover не применяется

Question

Я использую Themeroller jQuery для создания стиля для своего веб-приложения. Я пытаюсь применить стиль к моей собственной кнопке. Однако класс ui-state-hover не применяется.

Я добавляю те же классы в свой код, что и на странице Themerollers для этой кнопочной компоненты. Вот мой код, как копируется из поджигатель:

<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