jQuery - 无法弹出对话框弹出窗口，而是出现在页面上答案

【问题标题】：jQuery - can't get dialog popups to pop up, they appear on the page insteadjQuery - 无法弹出对话框弹出窗口，而是出现在页面上
【发布时间】：2012-09-13 02:33:19
【问题描述】：

我有几个小 div 试图在发生某些事情时弹出，但它们并没有弹出，而是出现在页面内容中。

有人知道为什么会这样吗？此外，jQuery 应该显示一个微调器 gif 以指示您应该等待，但它也不会呈现。

提前致谢！

【问题讨论】：

我的猜测是因为您没有正确附加 CSS 文件，并且您没有在特定参考位置包含 /images 文件夹以允许调用图像。检查控制台是否有错误。
@Ohgodwhy 有趣...我需要哪个 css 文件？

标签： jquery

【解决方案1】：

看起来您的意图是使用 jQuery UI 对话框，并且 jQuery UI 的 google 托管 CDN 的路径错误，它没有加载 jQuery UI 库，无法加载脚本 https://ajax.googleapis.co/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js

我确实认为这是一个错字，缺少 'm' off com，所以应该是 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js

编辑

如果您希望 jQuery 对话框最初被隐藏，然后显示在用户操作上（例如单击按钮），那么首先构造对话框并将 autoOpen 设置为 false - 就这样

$("#loginpopup").dialog({ autoOpen: false} )

然后在需要时，它们可以显示为

$("#loginpopup").dialog('open')

看来您正在调用标准的 jQuery .show 方法，即

$("#loginpopup").show()

所有这一切都是将 display: none 更改为 display: 块，因此如果元素不是绝对定位（或以某种方式设置为在您想要的位置显示它），那么它只会出现在它通常会出现的位置页面的正常流程

希望有帮助吗？

【讨论】：

是的，很好地抓住了错字！但是我仍然没有像我想要的那样渲染弹出窗口:(
这里的代码中发生了一些奇怪的事情，有趣的是，如果我没有在地址和半径框中输入任何内容并点击“搜索粉丝”按钮，我会正确弹出一个对话框，仍然看着
好的，我想我明白你在这里做什么了。如果您“构建”了一个 UI 对话框，并将 autoOpen 设置为 false，以再次显示它，代码是 $("#loginpopup").dialog('open') 而不是 $("#loginpopup").show ( )

【解决方案2】：

抛出 HTML 会有所帮助，但我怀疑您需要设置

position:absolute

在您的 div 标签上。

我需要看看你对微调器 gif 做了什么，以便在那里提供帮助。

【讨论】：

所有代码都在 chernomorets.co 的主页上——我只是想给一个 url 比粘贴一堆代码更容易。