通过inspect元素取消选中样式时,在IE中显示文本

时间:2013-12-23 12:11:14

标签: jquery html css jqgrid

我使用jQuery网格来显示列表。第一次单击 add 按钮时,它会显示添加弹出的内容。选择网格中的任何一个记录并单击编辑后,它将显示编辑弹出窗口。问题是,当我第二次单击 add 按钮时,它会显示添加弹出窗口,但不会显示任何内容 - 仅在IE中。

<div style="background-color: rgb(255, 255, 255); display: block; height: 300px; overflow: auto;" id="Organization_Information" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">
    <table class="transparent">
        <tbody>
            <tr class="transparent">
                <td style="vertical-align: top;">
                    <table width="350" class="transparent">
                        <tbody>
                            <tr class="transparent">
                                <td width="110" class="transparent alignRight"><span class="asterisk">*</span>&nbsp;Name:</td>
                                <td class="transparent"><input type="text" name="orgName" id="orgName" maxlength="50" tabindex="0" style="width: 200px;">
                                </td>
                            </tr>
                            <tr class="transparent">
                                <td width="110" class="transparent alignRight">Group Code:</td>
                                <td class="transparent"><input type="text" name="orgCode" id="orgCode" maxlength="32" style="width: 200px;"></td>
                            </tr>
                            <tr class="transparent">
                                <td width="110" class="transparent alignRight"><span class="asterisk">*</span>&nbsp;Layer:</td>
                                <td class="transparent">
                                    <select style="width: 202px;" name="layerOptions" id="layerOptions">
                                        <option value="Select a layer">Select a layer</option>
                                    </select>
                                </td>
                            </tr>
                            <tr class="transparent">
                                <td width="110" class="transparent alignRight"><span class="asterisk">*</span>&nbsp;Parent Group:</td>
                                <td class="transparent">
                                    <div name="parentOrgName" id="parentOrgName"><font color="gray">None selected. Use the control on the right to select.</font></div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td style="vertical-align: top;">
                    <table class="transparent">
                        <tbody>
                            <tr class="transparent">
                                <td class="transparent-top">
                                    <table id="orgTable" class="transparent">
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="ui-corner-tl ui-corner-tr ui-widget-header treeCtrlHeader" style="width: 347px;visibility: visible;">&nbsp;Group Selector</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="innertreeCtrl treeCtrl" id="innertreebgdiv">
                                                        <div style="width:auto;height:auto;display:table" id="innerID" class="jstree jstree-1 jstree-focused jstree-apple">
                                                            <ul class="jstree-no-dots jstree-no-icons">
                                                                <li id="496663" cid="1" tcl="1" class="jstree-closed jstree-unchecked"><ins class="jstree-icon">&nbsp;</ins><a href="#"><ins class="jstree-checkbox" style="display: none;">&nbsp;</ins><ins class="jstree-icon">&nbsp;</ins>sample</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>

CSS

element.style {
    background-color: #FFFFFF;
    display: block;
    height: 300px;
    overflow-x: auto;
    overflow-y: auto;
}
.ui-accordion .ui-accordion-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #000000;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #000000;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 2px;
    margin-top: -2px;
    padding-bottom: 1em;
    padding-left: 2.2em;
    padding-right: 2.2em;
    padding-top: 1em;
    position: relative;
    top: 1px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px;
}
.ui-widget-content {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png");
    background-origin: padding-box;
    background-position: 50% bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #A6C9E2;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #A6C9E2;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    color: #222222;
}
.ui-helper-reset {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

demo

我的问题是在编辑后点击添加添加opoup并没有显示任何内容。当我通过检查元素取消选中IE中的css属性值时显示

0 个答案:

没有答案