0

さて、私のサイトにはフォーム検索があり、クリックすると検索結果が非表示の 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);
        }

    });
});

4

1 に答える 1

0

クリック リスナーをドキュメントにアタッチし、イベントのターゲットを調べます。ターゲットが div を表示する必要がある場合は、表示します。

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

その程度の何かが、探しているアクションを実行します。

于 2012-07-02T18:32:00.873 に答える