2017-05-23 3 views
0

Hier ist mein Code:jQuery - Der Versuch Element innerhalb des Rahmens zu verstecken

<!DOCTYPE html> 
<HTML> 
    <head> 
    <title>Test 2</title> 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="crossorigin="anonymous"></script> 
    </head> 


<frameset cols="25%,*,25%"> 
    <frame src="wishlist.html"> 
    <frame name="frame1" src="shortcodes.html"> 
    <frame src="portfolio.html"> 
</frameset> 

</html> 

Im Rahmen mit Namen frame1 i Element testId genannt haben. Alles, was ich will, ist das Element mit der ID testId innerhalb des Rahmens mit dem Namen frame1 verstecken.

Bisher habe ich dies versucht haben:

$("#testId", $("#frame1").contents()).hide(); 

Haben Sie eine Ahnung, warum es nicht funktioniert. Warum kann ich das Element nicht verstecken, wenn ich diese Codezeile führe?

Ist es überhaupt möglich?

+2

Sie haben keine ID für Frame angegeben, verwenden Sie '$ (" # testId ", $ (" [name = frame1] "). Contents()). Hide();' – Satpal

+0

Mögliches Duplikat von [Inhalt verbergen innerhalb iframe?] (https://stackoverflow.com/questions/30232738/hide-content-inside-iframe) –

Antwort

2

Sie haben den Rahmen mit einem Namen:

<frame name="frame1" src="shortcodes.html"> 

aber Sie suchen eine ID mit jquery. auf diese Weise ändern HTML auf diese Weise

<frame id="frame1" src="shortcodes.html"> 

Oder Ihre jquery ändern:

$("#testId", $("[name=frame1]").contents()).hide(); 

Wenn dies nicht funktioniert, auf diese Weise auf den Inhalt zugreifen:

$($('[name="frame1"]', top.document)[0].contentDocument).find('*').hide(); 

Dann vermeiden Sie die Verwendung der frameset, weil es veraltet ist:

https://developer.mozilla.org/it/docs/Web/HTML/Element/frameset

+0

Versucht den Vorschlag, den Sie gaben, aber es funktioniert nicht. Das Element versteckt sich nicht. –

+0

Wo/wann führen Sie dieses Skript aus? – quirimmo

+0

können Sie mir den Code einfügen, wo zeigen Sie bitte das jQuery-Skript? – quirimmo

Verwandte Themen