使用入門jqueryUI

我只是想讓最基本的東西到這裏來完全停止。我試圖追隨這些例子，但由於某種原因，即使得到一個基本的例子正在阻止我。這裏我只是想讓JQueryUI選擇菜單起作用。這個演示頁面適用於我，但是當我嘗試使用我自己的頁面時，它什麼都不做（也沒有錯誤）。使用入門jqueryUI

<!DOCTYPE html> 
<html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <title>Demo Page for jQuery UI selectmenu</title> 

    <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css" rel="Stylesheet" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 

    <script type="text/javascript"> 
     $(function(){ 

      $('#testselect').selectmenu({style:'dropdown'}); 
     }); 
    </script> 
</head> 
<body> 
    <select id="testselect"> 
     <option value="test1">Op 1</option> 
     <option value="test2">Op 2</option> 
     <option value="test3">Op 3</option> 
    </select> 
</body> 
</html>

它看起來像我得到一個「對象不支持此方法」的selectmenu線錯誤，但我不知道爲什麼，因爲基於這不會是可在演示好像這應該考慮到腳本鏈接的工作，並指向一個有效的位置。

來源

2011-04-13 Mark

~~這不是 $('#testselect').selectmenu();而是 $('#testselect').selectable();，請參閱 documentation（如果您正在談論這一點）。~~

更新：

的SelectMenu部件，如您鏈接的documentation page說，它仍處於開發階段。它還沒有存在，所以你不能使用它（或者你可以嘗試將它合併到當前的jQueryUI中，風險自負）。

來源

2011-04-13 13:13:51 Albireo

我試圖達到這樣的效果： http://wiki.jqueryui.com/w/page/12138056/Selectmenu – Mark 2011-04-13 13:19:00

@Mark：無視我以前的評論。我錯過了一個基本的東西：這是關於正在開發的核心jQueryUI小部件*的頁面。這意味着wideget尚不存在。 – Albireo 2011-04-13 13:29:21

好的，那麼我錯過了開發部分。我應該做一個看起來像這樣的下拉菜單，看起來這很像是他們從比賽中獲得的。感謝您的幫助，我想回到繪圖板。 – Mark 2011-04-13 13:33:22

使用入門jqueryUI

回答

相關問題