javascript – jQuery对话框不以viewport为中心,而是父元素
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery对话框不以viewport为中心,而是父元素,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1108字,纯文字阅读大概需要2分钟。
内容图文
![javascript – jQuery对话框不以viewport为中心,而是父元素](/upload/InfoBanner/zyjiaocheng/731/e5a2e3e4eae04c96a6d908144493bcf5.jpg)
我刚刚下载了jQuery 1.8.0,也使用了自定义CSS,我试图让一个非常简单的jQuery对话框工作,但是它不会居中在当前视口中而是在父元素(body)中并滚动视口对话框盒子在中心.
我包括小部件和位置js文件,并检查路径是否正确.这就是我所拥有的:
<script src="js/js/jquery-1.8.0.min.js"></script>
<script src="js/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/js/jquery.ui.position.js"></script>
<script src="js/js/jquery.ui.widget.js"></script>
HTML:
<div id="dialog-confirm" title="Empty the recycle bin?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>
HTML完全是从jQuery网站复制的.最后称它为:
var dialog_confirm=$( '#dialog-confirm' ).dialog();
dialog_confirm.dialog('open');
这些问题中的所有解决方案都没有为我解决:
Dialog box not positions center screen
jQuery center element to viewport using center plugin
有人知道如何解决这个问题吗?这是jQuery对话框的标准行为吗?对我来说似乎很奇怪,或者我错了?
解决方法:
如果可以,请尝试使用较旧的jquery版本,例如1.7.x ……这可能会解决它.这不是一种常见的行为!
内容总结
以上是互联网集市为您收集整理的javascript – jQuery对话框不以viewport为中心,而是父元素全部内容,希望文章能够帮你解决javascript – jQuery对话框不以viewport为中心,而是父元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。