简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Masalah dengan halaman induk mendengar acara dalam iframe
世界只因有你
世界只因有你 2017-05-16 13:35:56
0
4
860

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)
滿天的星座
滿天的星座2017-05-16 13:37:56 Tingkat 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.

Suka +0
Tambah Balasan
漂亮男人
漂亮男人2017-05-16 13:37:56 Tingkat 3

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');
});
Suka +0
Tambah Balasan
Peter_Zhu
Peter_Zhu2017-05-16 13:37:56 Tingkat 2

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.

Suka +0
Tambah Balasan
为情所困
为情所困2017-05-16 13:37:56 Tingkat 1

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?

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！