JQuery themeroller hover가 적용되지 않습니다.

Question

jQuery의 Themeroller를 사용하여 웹 응용 프로그램의 스타일을 만듭니다. 내 사용자 지정 단추에 스타일을 적용하려고합니다. 그러나 ui-state-hover 클래스가 적용되지 않습니다.

해당 버튼 구성 요소의 Themerollers 페이지에서 볼 수있는 것과 동일한 클래스를 코드에 추가하고 있습니다. 나는 JQuery와-UI-1.8.18.custom.css 및 JQuery와-1.7.1.min.js 파일을 포함했다

<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> 

: 여기에 불을 지르고에서 복사로 내 코드입니다.

themerollers를 사용할 때 생각해야 할 이상적인 것이 있습니까?

이것은 상자 밖에서 작동 할 것이라고 생각하여 매우 실망 스럽습니다. 이 방법이 효과가 없다면 스타일을 직접 만드는 것보다 시간이 오래 걸리기 때문에 사용할 수 없습니다.

Answer 1

CSS 클래스 인 jQuery UI will add these for you을 다시 만들거나 복제 할 필요가 없습니다.

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

그리고 자바 스크립트 : 당신은 JQuery와-UI-1.8.18.custom.css, JQuery와 - UI-1.8.18.custom을 포함해야합니다

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

다음 HTML을 사용해보십시오. min.js, jquery-1.7.1.min.js