2012-03-29 61 views
0

我正在使用jQuery的Themeroller爲我的Web應用程序創建樣式。我正嘗試將樣式應用到我自己的自定義按鈕上。但是,ui-state-hover類沒有被應用。JQuery themeroller懸停未應用

我在代碼中添加了相同的類,因爲我可以在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文件。

有沒有什麼比以上我需要考慮什麼時候使用美樂家?

這是非常令人沮喪的,因爲我認爲這會開箱即用。如果這不起作用,我不能使用它,因爲使它工作需要比自己創建樣式花費更多時間...

回答

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

+0

好的,我會試試看。但是我不需要同時包含「ui」文件的版本,是嗎? – Nicsoft 2012-03-29 13:56:47

+0

您需要包含jquery-ui文件夾中的.js和.css文件以及jquery .js文件 – CodingIntrigue 2012-03-29 14:09:01

+0

對不起,錯過了兩個第一個文件的擴展... – Nicsoft 2012-03-29 14:14:41