点击自定义组件中的按钮时主页面变形？

小小

接上一回的问题，在主页面上创建点击事件，调用自定义附件中的方法来打开上传附件对话框，也能实现上传附件的功能。
遇到了新的问题：
      点击“上传文件”后，打开附件上传对话框，但主页面变形，如图所示：

jishuang

在切换到这个tab页的事件中用$(window).resize();看看

小小

jishuang 发表于 2017-4-10 11:31
在切换到这个tab页的事件中用$(window).resize();看看

我知道原因了，我在弹出框里引用了一些css样式，我把跟系统相关有样式注释就没事儿了：
1但是为什么为影响主页面呢，我只在弹出框所对应的页面添加了啊？
2.我发现，我在不同的功能页面上放两个自定义组件，当我分别上传时，只要a页面打开过一次，b 页面再打开时，选择文件就无法显示在队列里了，为什么？

jishuang

看样式具体怎么控制的

css定义看看dom节点是否存在

小小

jishuang 发表于 2017-4-12 09:09
看样式具体怎么控制的

css定义看看dom节点是否存在

"看样式具体是怎么控制的"，不太明白您的意思。我把我修改的样式发上去，您给个意见哈。


/* -- Form Styles ------------------------------- */
/* form {
        margin: 0;
        padding: 0;
}
*/
div.fieldset {
        border: 1px solid #afe14c;
        margin: 10px 0;
        padding: 10px 10px;
}

div.fieldset span.legend {
        position: relative;
        background-color: #FFF;
        padding: 3px;
        top: -30px;
        font: 700 14px Arial, Helvetica, sans-serif;
        color: #73b304;
}

div.flash {
        width: 430px;
        margin: 10px 5px;
        border-color: #D9E4FF;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
}

button,input,select,textarea {
        border-width: 1px;
        margin-bottom: 10px;
        padding: 2px 3px;
}

input[disabled] {
        border: 1px solid #ccc
} /* FF 2 Fix */
/* label {
        width: 150px;
        text-align: right;
        display: block;
        margin-right: 5px;
} */
#btnSubmit {
        margin: 0 0 0 155px;
}

/* -- Table Styles ------------------------------- */
.pm.td {
        font: 10pt Helvetica, Arial, sans-serif;
        vertical-align: top;
}

.progressWrapper {
        width: 357px;
        overflow: hidden;
}

.progressContainer {
        margin: 5px;
        padding: 4px;
        border: solid 1px #E8E8E8;
        background-color: #F7F7F7;
        overflow: hidden;
}

/* Message */
.message {
        margin: 1em 0;
        padding: 10px 20px;
        border: solid 1px #FFDD99;
        background-color: #FFFFCC;
        overflow: hidden;
}

/* Error */
.red {
        border: solid 1px #B50000;
        background-color: #FFEBEB;
}

/* Current */
.green {
        border: solid 1px #DDF0DD;
        background-color: #EBFFEB;
}

/* Complete */
.blue {
        border: solid 1px #CEE2F2;
        background-color: #F0F5FF;
}

.progressName {
        font-size: 8pt;
        font-weight: 700;
        color: #555;
        width: 323px;
        height: 14px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
}

.remark {
        font-size: 9pt;
        font-weight: 700;
        color: #555;
        width: 250px;
        height: 14px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
}

.progressBarInProgress,.progressBarComplete,.progressBarError {
        font-size: 0;
        width: 0%;
        height: 2px;
        background-color: blue;
        margin-top: 2px;
}

.progressBarComplete {
        width: 100%;
        background-color: green;
        visibility: hidden;
}

.progressBarError {
        width: 100%;
        background-color: red;
        visibility: hidden;
}

.progressBarStatus {
        margin-top: 2px;
        width: 337px;
        font-size: 7pt;
        font-family: Arial;
        text-align: left;
        white-space: nowrap;
}

a.progressCancel {
        font-size: 0;
        display: block;
        height: 14px;
        width: 14px;
        background-image: url(../images/cancelbutton.gif);
        background-repeat: no-repeat;
        background-position: -14px 0px;
        float: right;
}

a.progressCancel:hover {
        background-position: 0px 0px;
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
        vertical-align: top;
}

“css定义看看dom节点是否存在”：怎么看，也是不明白，你这句话是回答我第二条问题吗?我现在不明白，为什么windowdialog打开的页面，明明设置了自动刷新，在不同的页面打开时，感觉只是替换了一些值，页面并没有重新加载。

jishuang

1.具体定义那个样式的设置影响了父页面的样式
2.F12打开浏览器的开放人员调试工具，用剪头定位

  windowDialog打开的页面中的model的onload事件确认每次都执行吗？

小小

jishuang 发表于 2017-4-12 14:48
1.具体定义那个样式的设置影响了父页面的样式
2.F12打开浏览器的开放人员调试工具，用剪头定位

1.怎样做能不影响父页面，正常情况下，子页面引用的css样式不是他自身才改变么，为什么会影响父页面呢。
2.onLoad事件每次都执行。请求提供远程协助，看一下会更明白。

jishuang

1.要看具体是那个样式影响的啊
2.每次都执行，那就每次都是重新加载的，不显示看看是不是自己样式的问题

小小

jishuang 发表于 2017-4-12 17:17
1.要看具体是那个样式影响的啊
2.每次都执行，那就每次都是重新加载的，不显示看看是不是自己样式的问题 ...

1，我不考虑样式，以引用角度来说，我父页面又没引用为什么会跟着变？
2.请看好，不是不显示，是第一个功能页面显示，第二个功能页面不显示。所以我觉得是页面加载机制的问题，请开远程看一下吧。看一下您就更明白我的问题了。

jishuang

你不设置样式就没问题，那肯定是样式的问题，现在要确定具体是那个样式对父页面影响的
是第一个功能页面显示，第二个功能页面不显示，不是还是不显示吗？css定义看看具体dom的样式啊定义节点的时候注意不要用id属性去操作