Question

我正在尝试使用jQuery UI来设置我的HTML选择菜单，但是我在使用它时遇到了一些麻烦...我仍然使用jQuery相对较新，所以答案可能相当简单

我的完整代码段（使用jQuery v1.6.2）：

<link rel="stylesheet" type="text/css" href="css/ui-darkness/jquery.css">
<label for="favorite">Select favorite team</label>

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jqueryui.js"></script>
    <script type="text/javascript" src="js/selectmenu.js"></script></script>
    <script type="text/javascript">$(function() {
            $('select[name=favorite]').selectmenu();
        });
    </script>

    <select name='favorite'>
        <?php

            while ($temp = mysql_fetch_assoc($query)) {
                echo "<option value=" . $temp['id'] . ">" . htmlspecialchars($temp['teamname']) . "</option>";
            }
        ?>
    </select>

但它似乎没有做任何事情。我的选择菜单显示为普通的，无聊的HTML选择菜单。我真的不确定我所做的事情是完全迟钝的还是什么，但如果你知道如何让它正常工作，请告诉我。

编辑控制台提供错误Uncaught TypeError: Object [object Object] has no method 'selectmenu'

Answer 1

$('select[name=favorite]').selectmenu();

您必须设置要使用的元素的名称。在这种情况下，选择名为favorite的选择框。

您还必须将代码放在jQuery的文档就绪函数

中

$(document).ready(function() {
   $('select[name=favorite]').selectmenu();
});

或使用简写

$(function() {
   $('select[name=favorite]').selectmenu();
});

Answer 2

为什么不尝试给select选择id或class。然后你可以使用它的id或类从jquery中调用它。我不知道它会起作用，但值得一试。

帮助jQuery选择菜单样式

2 个答案: