2013-02-09 69 views
0

我想將jQuery UI主題應用於按鈕,但是我不能!爲什麼?這裏是代碼:jQuery UI不會將主題應用於按鈕

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<html> 
<head> 
<script src="_code/js/jquery.js" type="text/javascript"></script> 
<script src="_code/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script> 
<link href="_code/css/redmond/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<button>Button</button> 
</body> 
</html> 

結果是一個沒有jQuery UI主題的普通按鈕! 在此先感謝

+0

哪個主題?我看不到任何一個。 – 2013-02-09 14:50:09

回答

0

與jQuery Mobile不同,jQuery UI不會自動將小部件應用於頁面中的元素。

你必須明確地創建一個在你<button>元素的button部件:

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

在jQuery的演示頁面中沒有這個功能。根本沒有功能!如果我將代碼添加到我的任何事情都沒有發生。 – QcFe 2013-02-09 15:15:37

+1

@Koccy看到這個例子[jSfiddle](http://jsfiddle.net/fqZcG/)FrédéricHamidi的代碼工作正常... – 2013-02-09 15:31:33

0

這是因爲你沒有寫任何關於應用特定主題的按鈕。請學習jquery的基本語法和用法:w3schoos.com。您鏈接的文件通常會爲您提供JavaScript函數,這些函數會在您編寫一些jQuery代碼時發生。一些jquery代碼也是需要的。如果你從網站上獲得它,那麼請拿一個完整的教程。

+0

我只是看着jQuery UI演示頁面的代碼,裏面沒有jQuery代碼 – QcFe 2013-02-09 15:11:51

+0

正如FrédéricHamidi所說的,$(「button」)。button();.這個.button();是會引起功能的觸發器。實際的東西將被提及或至少在文件的某處 – Ishpreet 2013-02-09 15:18:52

+0

請給我的文件或鏈接從你得到它 – Ishpreet 2013-02-09 15:19:31

0

這是因爲你剛纔包括jQuery UI的文件。 jQuery UI的工作,如果你調用這是在jQuery用戶界面可用於不同purpose.Eg--

$( 「#txtprofession」).autocomplete功能({ 來源:availableTags });

這是自動完成功能的代碼。這裏是'#txtprofession'這是我想要實現自動完成功能的文本框的ID。如果我不調用jQuery UI中可用的autocomplete()函數直到那時jquery UI主題將不會在文本框中實現,因爲有些類將通過調用該函數在該文本框上傳遞。