Question

我正在尝试将selectmenu jqueryui插件添加到我的页面。我已经转到https://github.com/fnagel/jquery-ui并从ui文件夹中复制了文件jquery.ui.selectmenu.js。然后我从我的页面中包含了这个javascript的链接。我安装了jquery和jqueryui的全新安装，其他功能还可以，但是当我向我的页面添加$('select').selectmenu();时，我最终得到了一个可怕的混乱。所有新的选择菜单都附加在页面底部，而不是替换选择。

我错过了一步吗？

以下是显示我链接到的文件的页面中的html。我的理解是custom.css和custom.min.js文件应该包含我需要的所有脚本和样式表。这是错的吗？

<link href="/stylesheets/jquery-ui-1.8.6.custom.css?1289473366" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/jquery-1.4.2.min.js?1288662624" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.6.custom.min.js?1289401432" type="text/javascript"></script>
<script src="/javascripts/jquery.ui.selectmenu.js?1289469657" type="text/javascript"></script>

我的页面上显示的日期选择器项目显示了相应的css。

Answer 1

从我所看到的，你正在使用select jj的fork jQuery UI版本，你需要适当的样式才能获得@brad注意到的预期结果。

仅添加

的jquery-UI-1.8.6.custom.css

作为参考不会解决您的特定selectmenu要求，您需要添加另一个css引用，其中将包含selectmenu元素的正确样式规则。

Answer 2

selectmenu（）不会触发错误这一事实表明插件已正确加载。混乱的显示可能是由于缺少css文件引起的。您是否已从themes文件夹或jquery ui中包含所有必需的css文件？

如何将jqueryui selectmenu插件添加到我的页面？

2 个答案: