Jquery - Hide iframe Inhalt auf der Hauptseite Body klicken

In meiner Seite mit zwei iframe iframe-Menü und iframe-Inhalt. Ich möchte ausblenden iframe-content Elemente ('.options') auf beliebiges Klickereignis in der gesamten Seite, d. H. Außerhalb von .options div.Jquery - Hide iframe Inhalt auf der Hauptseite Body klicken

Startseite:

<body> 
    <iframe src="menu.html" id="iframe-menu" height="100%"></iframe> 
    <iframe src="content.html" id="iframe-content" height="100%"></iframe> 
</body>

content.html in iframe-Inhalt

<div class="container"> 
    <div class="options">Hello</div> 
</div>

Ich habe einen jQuery-Code verwenden. Aber es funktioniert nur, wenn Sie auf den aktuellen iframe klicken.

$(document.body).click(function(event) { 
    var target = $(event.target); 
    if (!target.parents().andSelf().is('.options')) { 
     $('.options').hide(); 
    } 
});

Ich möchte div.options verstecken auf eine beliebige Stelle auf der Hauptseite klicken.

Quelle

2016-12-14 Jargo Viet

Mögliche Duplikat [jQuery Klicken Sie auf alles außer einem div und es ist Kinder] (http://stackoverflow.com/questions/12690 313/jquery-on-click-on-alles-aber-ein-div-und-its-children) – Roberrrt

beste Weg ist, verwenden .hide()

$('body').click(function(event) { 
    if (!$(event.target).hasClass('.options')) { 
     $(".test").contents().find(".options").hide(); 
    } 
});

Versuchen Sie einen Klassennamen für die iframe Einstellung & verstecken das Element mit .content().find()

JSFiddle prüfen

JSFiddle

Quelle

2016-12-14 11:21:36 Andy

Ihr Code funktioniert für Main-Seiten-Element ausblenden und ich möchte Element im Iframe ausblenden. –

Bearbeitete meine Antwort! – Andy

Jquery - Hide iframe Inhalt auf der Hauptseite Body klicken

Antwort

Verwandte Themen