Question

我在一个页面中有四个框架，每个iframe都有自己的内容，父div包含一些类

以下是该页面的屏幕截图：

要求：在每个面板中都有一些链接，当您单击这些链接时，它会使用AJAX调用其他页面，您可以在第二个图像中看到。

以下是HTML代码：

<div class="north-center border">
    <div class="linksDetails">
        <div class="panelLinks">
            <ul>
            <li><a href="javascript:ajaxpage('fxtraders.html', 'panel1');">FX Traders</a></li>
            <li><a href="javascript:ajaxpage('fxcharting.html', 'panel1');">Fx Charting</a></li>
            <!--<li><a href="javascript:ajaxpage('fxbonds.html', 'panel1');">FI Inventory (Bonds)</a></li>-->
            <li><a href="javascript:ajaxpage('fxwatcher.html', 'panel1');">FX RATE WATCHER</a></li>
            </ul>
        </div>
    </div>
    <div class="open-row-box" id="panel1"></div>
</div>

当用户点击任何链接时，链接屏幕正在（linksDetails类）下面，然后我在同一个div中添加名称（hidelinks）的新类，并使其显示无

那么当我点击每个面板顶部的十字图标时，我怎么能隐藏我的内容面板意味着当我点击iframe内的十字图标时我只想将hidelink类添加到其父div再次隐藏内容div并再次显示此链接div。

我只能使用此jqyery代码隐藏第一个面板，但不能隐藏每个面板。

Jquery代码：

    $(window).load(function(){

// Through this i m adding and removing hide links:

$(".panelLinks a").click(function(){
$(this).parents().eq(2).parent().removeClass("hideLinks");
$(this).parents().eq(2).parent().addClass("hideLinks");
});

// Through this i can only add hidelinks class for first panel only not for each panel seperately:


$("a.close").on('click', function() {
$("#mainFrame", window.parent.document).parent().parent().children().removeClass('hideLinks');
});
});

主要要求：

我如何单独隐藏我的内容面板，就像我点击第一个面板十字图标时只隐藏第一个面板，当我点击第二个面板时，它只隐藏第二个面板？

提前致谢：）

Answer 1

这是你如何获得iframe的父级

var parent = $(window.frameElement).parent();

当您在iframe中单击时，如何在iframe的父div中添加类？

1 个答案: