jQuery 简单对话框不起作用

发布于 2024-12-11 03:48:15 字数 425 浏览 0 评论 0原文

我试图找出为什么我的 jQuery 对话框在此页面上无法正常工作:

http://bit.ly/nOKwYz< /a>

这是代码片段:

<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:

http://bit.ly/nOKwYz

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

一指流沙 2024-12-18 03:48:15

一定是图书馆的订单。看看这个小提琴。如果您的库顺序正确,您的示例就可以正常工作:

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.

人间不值得 2024-12-18 03:48:15

要显示对话框,我认为您应该首先隐藏它:

<div id="dialog22" style="display:none;">test</div>

然后用按钮显示它,例如

编辑 - 看看这里的小提琴: http://jsfiddle.net/LCPJe/

To show the dialogo you should first hide it i think:

<div id="dialog22" style="display:none;">test</div>

and then show it with a button for example

EDIT - look at the fiddle here : http://jsfiddle.net/LCPJe/

风透绣罗衣 2024-12-18 03:48:15

您在该页面上的什么位置加载 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文