JQuery themeroller hover не применяется - PullRequest
Новая
       21

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

0 голосов
/ 29 марта 2012

Я использую JQuery's 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?

Это очень расстраивает, так как я думал, что это будет работать из коробки. Если это не сработает, я не смогу его использовать, так как на его создание уходит больше времени, чем на создание самого стиля ...

1 Ответ

1 голос
/ 29 марта 2012

Вам не нужно пытаться копировать классы CSS, jQuery UI добавит их для вас .Попробуйте следующий 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

...