Wie schließe ich iframe innerhalb von iframe?

Question 1

Ich habe eine WordPress-Site, auf der Beiträge in einen Iframe geladen werden.

Dies ist der Code, der funktioniert:

<a class="trick" rel="https://stackoverflow.com/questions/9538886/<?php the_permalink() ?>" href="https://stackoverflow.com/questions/9538886/<?php the_permalink() ?>"><?php the_title(); ?></a>

$(Dokument).ready(Funktion(){

    $.ajaxSetup({cache:false});
    $(".trick").click(function(){
        var post_link = $(this).attr("rel");
        $("#frame").css("display","block");
        $("#frame").attr("url", post_link);
        $("body").css("overflow","hidden");
    });

  });         </script>

<iframe id="frame" frameborder="no" allowtransparency="true" width="100%" height="100%" scrolling="no" src=""></iframe>

Wie kann man nun diesen geladenen Iframe aus dem Iframe heraus schließen?

Die Hauptseite ist index.php (Haupt-Wordpress-Schleife), der Inhalt des Iframes ist single.php (einzelner Beitrag) ohne Kopf- und Fußzeile.

Vielen Dank.

Das habe ich in single.php

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(document).ready(function(){
        $("#close").click(function(){
            $('#frame', window.parent.document).remove();

             });

        });

    </script>


</head> 

<body>
<div id="container-single">
    <button id="close" >Close</button>



    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

        <article <?php post_class('single') ?> id="post-<?php the_ID(); ?>">

            <h1 class="entry-title"><?php the_title(); ?></h1>

            <div class="entry-content">

                <?php the_content(); ?>

                <?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>

                <?php the_tags( 'Tags: ', ', ', ''); ?>

                <?php include (TEMPLATEPATH . '/_/inc/meta.php' ); ?>

            </div>


        </article>



    <?php endwhile; endif; ?>

    </div>

</body>

Question 2

Führen Sie den folgenden Code aus single.php die innerhalb der geladen wird iframe. Dies wird die finden iframe mit dem Elternteil window als Kontext und entfernen oder verbergen Sie es.

//You can call hide() if you want to just hide it
$('#iframe', window.parent.document).remove();

Question 3

Ich kenne tatsächlich einen kleinen Trick.

Erstellen Sie eine Funktion auf Ihrer übergeordneten Seite

var closeIFrame = function() {
     $('#iframeid').remove();
}

Innerhalb des Iframes möchten Sie den Anruf von überall aus schließen

parent.closeIFrame();

Heikel, nicht wahr?

Question 4

// Inside the iframe    
frameElement.remove();

Question 5

Ich bin auf dieses Problem gestoßen, als ich ein Bookmarklet erstellt habe, genau wie Pin It von Pinterest.

Es sollte domänenübergreifend funktionieren.

Die einzige Möglichkeit, dies herauszufinden, bestand darin, Ereignisse zwischen der Seite innerhalb des Iframes und der übergeordneten Seite nach diesem Beispiel auf GitHub zu posten:

https://gist.github.com/kn0ll/1020251

Ich habe eine Antwort in diesem anderen Thread gepostet: https://stackoverflow.com/a/43030280/3958617

Ich hoffe es hilft!