jQuery 简单对话框不起作用
我试图找出为什么我的 jQuery 对话框在此页面上无法正常工作:
这是代码片段:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#dialog22").dialog();
});
</script>
我也有:
<div id="dialog22">test</div>
由于某种原因它没有加载对话框,有什么想法吗?
I'm trying to figure out why my jQuery dialog is not working properly on this page:
This is the code snippet:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#dialog22").dialog();
});
</script>
and I also have:
<div id="dialog22">test</div>
For some reason it does not load the dialog, any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
一定是图书馆的订单。看看这个小提琴。如果您的库顺序正确,您的示例就可以正常工作:
http://jsfiddle.net/mikethomsen/a25gw/< /a>
它的工作方式是您需要加载 jQuery.js、jQuery UI 的 JS,然后加载 jQuery UI CSS,然后放入您的自定义代码。
编辑
我用你的示例替换了我的小提琴库,Firefox 说 jQuery('#dialog').dialog 不是一个函数。这意味着您缺少构建的 jQuery UI 中的对话框代码。您需要返回 jQuery UI 站点并构建一个新的 jQuery UI 发行版,其中包含您需要的其他部分。
It's gotta be the library order. See this fiddle. Your sample works just fine if you have the library order right:
http://jsfiddle.net/mikethomsen/a25gw/
The way it works is you need to load jQuery.js, jQuery UI's JS and then the jQuery UI CSS, then throw in your custom code.
Edit
I replaced my fiddle's libraries with your sample and Firefox says jQuery('#dialog').dialog is not a function. That means you are missing the dialog code from the build of jQuery UI you made. You need to go back to the jQuery UI site and build a new distribution of jQuery UI that includes the other pieces you need.
要显示对话框,我认为您应该首先隐藏它:
然后用按钮显示它,例如
编辑 - 看看这里的小提琴: http://jsfiddle.net/LCPJe/
To show the dialogo you should first hide it i think:
and then show it with a button for example
EDIT - look at the fiddle here : http://jsfiddle.net/LCPJe/
您在该页面上的什么位置加载 jQuery(和 jQuery UI)?您需要在页面中引用这些库(特别是在使用它们的任何代码之前)。除非我没有看到参考,否则标题中确实有很多脚本标签。
不过,您不必托管副本。您可以引用CDN 链接。
Where do you load jQuery (and jQuery UI) on that page? You need to reference those libraries in the page (specifically before any code that uses them). Unless I'm just not seeing the reference, you do have quite a few script tags in the header.
You don't have to host a copy, though. You can reference a CDN link.