javascript - Masalah dengan halaman induk mendengar acara dalam iframe
世界只因有你
世界只因有你 2017-05-16 13:35:56
0
4
917

Saya masih tidak boleh mendengar, apa sebabnya?

ibu bapa.html

<body>
    <iframe id="iframe" src="son.html" frameborder="0"></iframe>

<script src="./jquery.js"></script>
<script>
    $(function(){
        $($('#iframe')[0].contentWindow).on('dosomething', function(){
            alert('接收到到iframe的事件');
        });
    });
</script>
</body>

anak.html

<body>
    
    <h1>son</h1>
    <button id="button">trigger</button>

<script src="./jquery.js"></script>
<script>
    $(function(){
        $('#button').on('click', function(){
            $(window).trigger('dosomething');
        });
    });
</script>
</body>

Terima kasih!

Jangan

Saya baru jumpa semasa mencari, tidak teruk, keserasian adalah baik
MessengerJS
https://github.com/biqing/Mes...
Penyelesaian komunikasi silang dokumen

世界只因有你
世界只因有你

membalas semua(4)
滿天的星座

anak.html

 $(function(){
        $('#button').on('click', function(){
            window.parent.$(window).trigger('dosomething');
        });
    });

Acara ditakrifkan dalam jquery halaman induk Untuk mencetuskan, jquery halaman induk perlu bertanggungjawab untuk mencetuskan.

Saya sudah lama tidak melihat kod sumber jquery. Saya mencari untuk masa yang lama dan tidak menemui kandungan yang sepadan untuk dijelaskan.

漂亮男人

PostMessage boleh digunakan untuk berkomunikasi antara halaman.

Atau hanya mengikat dan mengendalikan acara pada halaman yang sama.

$('#iframe').contents().find('#button').on("click", function(){
    $(window).trigger('dosomething');
});
Peter_Zhu

Sebab mengapa ia tidak boleh dipantau adalah kerana apabila halaman induk melakukan pengikatan acara melalui kaedah on, fungsi panggil balik acara didaftarkan dalam objek jquery halaman induk. Apabila halaman anak melaksanakan kaedah pencetus, ia hanya akan mencari panggilan balik acara yang didaftarkan dalam objek jquery halaman anak Oleh itu, selepas peristiwa dicetuskan, fungsi panggil balik acara yang didaftarkan pada halaman induk tidak boleh dilaksanakan kerana ia tidak boleh. ditemui dalam objek jquery halaman kanak-kanak.

为情所困

Dua jq, dua persekitaran, adakah anda pasti tiada masalah?

------Di atas adalah jawapan asal, dan berikut adalah aduan saya selepas dilaporkan -------

Saya ingin bertanya kepada orang yang melaporkan saya, dua persekitaran jq, adakah ini sebab mengapa anda tidak boleh mencetuskan peristiwa
Apa yang salah dengan jawapan saya?

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan