jquery - 如何将 jqueryui selectmenu 插件添加到我的页面?

标签 jquery jquery-ui jquery-ui-plugins

我正在尝试将 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。

最佳答案

据我所知,您正在使用 selectmenu 的 fork jQuery UI 版本,并且您需要适当的样式才能获得 @brad 首先注意到的预期结果。

仅添加

jquery-ui-1.8.6.custom.css

作为引用无法解决您的特定 selectmenu 要求,您需要添加另一个 css 引用,其中包含 selectmenu 元素的正确样式规则。

关于jquery - 如何将 jqueryui selectmenu 插件添加到我的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4153400/

相关文章:

javascript - JQuery .resizable,如何为 alsoResize 属性选择子项

asp.net - 使用 jQuery 重新触发链接上的点击事件

datepicker - jQuery UI datepicker翻译

javascript - 我这里有一个按钮,尝试在 jdfiddle 中执行它,它可以工作,但在 html 中则不行

javascript - 将数据发送到 ExpressJS 服务器以渲染新 View

jquery - 使用 jQuery 更改 ckeditor 文本区域的背景

javascript - 淡出功能移动问题

javascript - 如何动态更改jquery datepicker样式

javascript - jQuery 用户界面 : Best way to load HTML markup?

jquery - 带有 jQ​​uery UI 1.8.9 对话框和 jQuery 1.5 的 bgiframe