jqueryUI入门

时间:2011-04-13 13:06:40

标签: jquery-ui

我只是想让最基本的事情发生在这里并且完全停止了。我试图按照这些例子,但由于某种原因,甚至得到一个基本的例子工作是挫败我。在这里,我只是想让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行上得到一个“对象不支持此方法”错误,但我不知道为什么这个不可用,因为基于演示看起来这应该适用于脚本链接在那里并指向一个有效的位置。

1 个答案:

答案 0 :(得分:0)

不是$('#testselect').selectmenu();而是$('#testselect').selectable();,请参阅documentation(如果您正在谈论此事)。

<强>更新

SelectMenu小部件,如您所链接的documentation page中所述,它仍处于开发阶段。它还不存在,所以你不能使用它(或者你可以尝试将它合并到当前的jQueryUI中,风险自负)。