如何在iframe中單擊時在iframe的父級div中添加類？

-1

我有四個框在一個頁面，每個IFRAME都有自己的內容和家長的div一些類在它如何在iframe中單擊時在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類）的任何鏈接，當用戶點擊即可即時添加新的類名（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'); 
}); 
});

主要Reqirement：

如何隱藏我的內容面板，當我在第一個面板十字圖標的隱藏只有第一個面板中單擊，當我第二面板上單擊seperately喜歡它隱藏只有這樣的第二個面板？

感謝提前:)

來源

2014-03-27 Sushil Raghav

這是你可以得到一個iframe

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

來源

2014-03-27 07:22:59

由於其作品的母:) –

如何在iframe中單擊時在iframe的父級div中添加類？

回答

相關問題