-1

我的网页中间有一个 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>

我使用了下面 Dolors 记录的 jquery 代码以及我的 html 代码正文中的额外编码，当您单击链接时，div 会按我的意图消失，但一旦您单击另一个链接，它就会重新出现。我希望它消失并远离。这是我想出的附加代码

  • 关于我
    • 有谁知道我怎样才能让我的标志远离？

    4

    2 回答 2

    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();
    });
});
    于 2013-04-04T09:27:46.277 回答
    0

    您可以使用下面的代码

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

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

    于 2013-04-04T09:34:32.487 回答