Question

我的网页中间有一个div，它位于iframe前面，旁边有链接。一旦点击任何一个链接，我想隐藏div。我将如何使用javascript进行此操作？我对此非常陌生，所以请尽可能描述，以便我能理解。

这是我的一些HTML代码。我有很多链接出现在iframe中。我将徽标div放在iframe的顶部，当您进入网站时它会加载。但是，当您点击任何链接时，我想隐藏徽标。

    <li><a href="resume.html" target="center table">My Resume</a></li></br>

    <li><a href="mycourseWork.html" target="center table">My Course Work</a></li></br>

我使用下面Dolours注释的jquery代码以及我的html代码体内的额外编码，当你点击一个链接然后div就像我想要的那样消失但是一旦你点击另一个链接就会重新出现。我希望它消失并远离。这是我提出的附加代码

关于我

有谁知道如何让我的徽标远离？

Answer 1

您可以使用jQuery执行此操作：

// Get the iFrame jQuery Object
var $MyFrame = $("#iframeid");

// You need to wait for the iFrame content to load first
// So, that the click events work properly
$MyFrame.load(function () {
    var frameBody = $MyFrame.contents().find('body');

    // Find the link to be clicked
    var link = frameBody.find('.link_class');

    // Set the on click event for the link
    link.on('click', function() { 

         // Hide the div inside the iFrame
         $('#divID').hide();
    });
});

Answer 2

您可以使用以下代码

$('a').click(function() {    
  $('#divID').hide();        
});

假设所有链接都会加载iframe。

单击任何链接后，使用JavaScript隐藏位于iframe前面的div

2 个答案: