iframe 内からその親の要素へのクリック イベントをトリガーするにはどうすればよいですか?
iframe を開く前に、親ページで次のコードを試しました。
jQuery('iframe').contents().bind('eventhandler', function() {
alert('event was fired');
});
私も試しました
jQuery(document).bind('eventhandler', function(e) {
alert('event was fired');
});
iframe内で、このコードをクリックイベントに埋め込みました
jQuery(document).trigger('eventhandler');
ここで何か間違ったことをしているのですか？
iframe から親ドキュメントを参照する必要があります。これはあなたが必要とすることをするはずです：
index.html:
<iframe src="iframe.html"></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
$(document).on('eventhandler', function() {
alert('event was fired');
});
});
</script>
iframe.html:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
parent.$(parent.document).trigger('eventhandler');
});
</script>
両方のソースを制御できる場合は、次のようにすることができます