iframeでclickイベントを取得する方法親フレームで警告を発生させる

Question

私のページにはiframesが埋め込まれていますが、iframの中にclickイベントがあり、親フレームに警告が表示されます。 （iframe &親フレームは同じドメインです）。

のiFrame HTML要素（IFRAMEがclass="iframe1"のクラスがあります。

<a class="button" href="#">Trigger Parent Frame Alert</a> 

のiFrameのjQuery：

$(document).ready(function() { 
    $('.button').click(function() { 
    window.parent.triggerAlert(); 
    }); 
}); 

親枠のjQuery：

$(document).ready(function() { 
function triggerAlert(){ 
    alert('iFrame button has been clicked'); 
    } 
}); 

私は私の親を思っていますフレーム機能が不完全で、iframeがparenと通信できることが完全にはわからないt DOM？

私は以前、親フレームに運でこの代替を試してみました：

$('.iframe1').contents().find('.button').click(function() { 
    alert("iFrame button has been clicked"); 
}); 

Answer 1

：これを試して

$(document).ready(function() { 
    window.triggerAlert = function(){ 
     alert('iFrame button has been clicked'); 
    } 
}); 

Answer 2

アラート機能がクロージャであるトリガ。あなたは、ウィンドウオブジェクトのメンバとして宣言する必要はiframeにあなたの関数を見えるようにするために

$(document).ready(function() { 
window.triggerAlert = function triggerAlert(){ 
    alert('iFrame button has been clicked'); 
    }; 
});