Question

我在页面底部有一些嵌套的DIV和一个表，当用户双击页面中的特定div时，我想在新窗口中显示它们。加载主页后，div的内容将不可见。使用IE11和jQuery。一些代码：

<div id="dbg" display="none">
    <div id="dbginner">
        <table id="tblDbg">
           <tr>
             <td>DebugInfo</td>
           </tr>
           <tr>
              <td><div id="dbgVal1"></div></td>
           </tr>
    </div>
</div>

在document.ready中，我有：

$("#dbgDiv").dblclick(function() {
    var dbwin = window.open("","mypage","width=1200, height=600,scrollbars=yes");
    var $dbwin = $(dbwin.document.body);
    $dbwin.append( $("#dbg").html() );
    $dbwin.css({"background":"yellow"});
});

双击#dbgDiv，页面将打开并填充表格（2行），新页面的背景为黄色。有标题（第一行）和我填充的调试值。

我想做的是将css值应用于新打开的页面中的表，以在表的行和列上加上边框，并在该新窗口中设置其他格式（并最终将其关闭）。

我不想发生的事情是将CSS应用于新页面中的DIV以及主页中的div（已填充我的调试信息）。我主页上的DIV总是被隐藏；唯一应该看到信息的时间是在新窗口打开时。它应该仅在此处可见，而在主页内部则永远不可见。

如何将样式更改仅应用于新窗口？

Answer 1

两件事：

display="none"

应更改为

style="display: none"

并修改新打开的页面，该代码必须在新创建的页面上运行，而不是在window.open（）之后运行

将CSS应用于弹出窗口中的表

1 个答案: