Question

好的，我的网站上有一个表单搜索，点击后会将搜索结果加载到显示的隐藏iframe中。这是iframe：

<iframe class="slidingDiv" id="frame-content-left2" name="search-box" 
        src="content.html"></iframe>

这是切换它显示状态开/关的按钮：

<input type="submit" value="Search" class="send-button" />

现在，当上面的iframe显示带有页面内容的div时，网站的导航链接加载消失。这是div：

<div id="myDiv">some content here</div>

现在我遇到了一些问题，因为当我点击左侧的导航时，您无法看到它被加载的div，因为它是隐藏的。我想要的是以某种方式告诉iframe与搜索结果一旦我点击它的东西，如链接或空白区域，消失，使这个div：

<div id="myDiv">some content here</div>

出现。

这是我正在使用的代码：

<script type="text/javascript">
$(document).ready(function() {

    $('.send-button').click(function() {
        if ($('#frame-content-left2').is(':visible')) {
            $('#frame-content-left2').hide(2000);
            $('#myDiv').show(2000);
        }
        else {
            $('#frame-content-left2').show(2000);
            $('#myDiv').hide(2000);
        }

    });
});

Answer 1

将单击侦听器附加到文档并查看事件的目标。如果目标是应该使div显示的内容，请将其显示出来。

$(document).click(function(e){
    if(e.target.id !== 'myDiv'){
        $('#myDiv').show();
    }
});

在某种程度上，某些事情会执行你正在寻找的行动。

一个脚本，当我点击任何东西时，它会告诉某些内容消失

1 个答案: