当单击 iframe 窗口内的 li 不适用时，使用 jquery 向 <Li> 标记添加一个类

Question

我在其中一个 aspx 页面中设计的 iframe

<iframe id="iFrameWindow" runat="server" src="IdentifierDensity.aspx" height="620px" width="98%"
                                        style="margin-left: 1%" frameborder="0"></iframe>

以下代码的这部分位于上面的 aspx 页面中，我作为 iframe 的源给出

<ul class="sidebar-menu" id="nav-accordion">

              <p class="centered"><a href="#"><img src="assets/img/dashboard_2.png" class="img-circle" width="60"></a></p>

              <li class="sub-menu" id="sub-menu">
                  <a href="javascript:;" class="dcjq-parent active">
                      <i class="fa fa-dashboard"></i>
                      <span>Dashboard Reports</span>

                  </a>
                  <ul class="sub" id="submenu">
                      <li id="IdentifierDensity"><a href="IdentifierDensity.aspx"><asp:Label ID="lbl1" runat="server"></asp:Label></a></li>
                      <li id="MatchScore"><a href="MatchScore.aspx"><asp:Label ID="lbl2" runat="server"></asp:Label></a></li>
                      <li id="IdenticalTestcase"><a href="IdenticalTestcase.aspx"><asp:Label ID="lbl3" runat="server"></asp:Label></a></li>
                  </ul>
              </li>
          </ul>

我用来设置类的以下jquery如下

 $("#submenu li").click(function () {
            alert(this.id);
            $("ul.submenu li#" + this.id).addClass('active');
        });

如果运行应用程序，在检查元素中我可以看到分配给 li 的类。

但 iframe 不允许应用我认为的类。

帮我解决这个问题。

Answer 1

为什么不呢？

$(this).addClass('active');