当前位置： 文江博客话题详情

EasyUi1.4.0（JQuery版本1.11.0），dialog（对话框）组件在火狐浏览器下显示不全的问题？

发布于 2022-09-02 02:00:57 字数 683 浏览 13 评论 0

描述：

所有文件css、js包括jquery都是在官网下载的，不存在版本冲突，另外又下载了最新的1.4.4，发现又有这个问题，而在IE8+和谷歌下都是没有问题的，所以也不可能是bug,那最有可能的应该是火狐浏览器多做了什么工作了，下面上图：

图片描述

图片描述

利用firebug查看（最终html元素）：

图片描述

问题是发现了，这个样式应该是初始化时动态生成的，原谅我真的不是专业前端开发，该怎么改呢,在哪里改呢，jquery or easyui？有没有遇到相同问题的同事，给个建议。头都大了，求大神围观！！！

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论（1）

橘虞初梦 2022-09-09 02:00:57

自己手工设置下位置看看

$('#dialog').dialog({
  ...
  left:...
  top:...
  ...
});

或
在对话框显示后，调用center方法看看

$('#dialog').dialog(“center”);

官网给你例子在firefox下ok没问题的

按你的页面结构，测试了下，在firefox没有出现问题~~
把你的CSS及精简后的页面代码贴出来看看吧~~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="script/easyui_1_4_4/themes/default/easyui.css">
    <!--jquery 1.11.3 jquery 2.1.3也是同样-->
    <script type="text/javascript" src="script/easyui_1_4_4/jquery.min.js"></script>
    <script type="text/javascript" src="script/easyui_1_4_4/jquery.easyui.min.js"></script>
    <script>
        $(function(){
            $('#openDialog').on("click",function(){
                //JS动态创建
                $('body').append('<div id="messageDialog"></div>');
                $('#messageDialog').dialog({
                    width:500,
                    height:500,
                    modal:true,
                    closed: false,
                    cache: false,
                    content:'TEST~~~'
                });

                //$('#dd').dialog("open");

            });
        });

    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;">
        <button id="openDialog">openDialog</button>
    </div>
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
    <div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
    <!--声明式创建-->
    <div id="dd" class="easyui-dialog" title="My Dialog" style="width:486px;height:400px;"
         data-options="iconCls:'icon-save',closed:true,modal:true">
        Dialog Content.
    </div>

</body>

</html>
回复
~没有更多了~

关于作者

握住我的手

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

留蓝

文章 0 评论 0

18790681156

文章 0 评论 0

zach7772

文章 0 评论 0

Wini

文章 0 评论 0

ayeshaaroy

文章 0 评论 0

初雪

文章 0 评论 0

更多

友情链接

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