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

时间:2012-09-13 02:33:20

标签: jquery

我有几个小div,当我发生某些事情时我会尝试弹出,但它们不会弹出,而是出现在页面内容中。

有谁知道为什么会这样?此外,jQuery应该显示一个spinner gif来表示你应该等待,但它也没有渲染。

提前致谢!

2 个答案:

答案 0 :(得分:4)

看起来你的意图是使用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来显示:block,所以如果元素没有绝对定位(或以某种方式设置为显示它你想要的地方),那么它只会出现在它通常所在的位置页面的正常流程

希望有帮助吗?

答案 1 :(得分:1)

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

position:absolute 
你的div标签上的

我需要看看你用旋转器gif做什么才有帮助。