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

Posted 2023-05-09

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

【英文标题】：adding a class to the <Li> tag using jquery when click on li which is inside iframe window is not appling

【发布时间】：2018-08-07 02:48:09

【问题描述】：

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

<iframe id="iFrameWindow" runat="server" src="IdentifierDensity.aspx"  
                                        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" ></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 不允许应用我认为的类。

帮我解决这个问题。

【问题讨论】：

但 iframe 不允许应用我认为的类。 | not allowing = not allowing

【参考方案1】：

为什么不呢？

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

【讨论】：

我添加了这个，并且添加了类但页面正在刷新，所以添加到li标签的类消失了。

如果您尝试将类添加到 iframe 中的元素，请使用 $('#iFrameWindow').contents() 定位 iframe 内的元素。