jQuery UIダイアログとIFRAME - 'on'イベントハンドラ付き

Question

IFRAMEの親ページに、IFRAME内の要素のクリックを検出するjQueryイベントがあります。このリンクをクリックすると、jQueryのUIのダイアログを開きます：

<iframe id="my-iframe" src="page.php"> 
    <div class="edit-content"></div> 
</iframe> 

$('#my-iframe').contents().find('body').on('click', '.edit-content', function(){ 
    $('#dialog', window.parent.document).dialog(); 
}); 

（対話コンテンツは親ページに#dialogに保存されている）

今すぐダイアログ自体に、私は私が欲しいへのリンクを持っていますイベントハンドラ「on」に接続する：

<a href="#" class="edit-link" id="test-1">Test</a> 

$('#dialog').on('click', $('.edit-link'), function(){ 
    alert($(this).attr("id")); 
    return false; 
}); 

しかし、これは代わりに、それは「ダイアログ」を返す、リンクのIDが返されていません。

Answer 1

問題 - それは私の元のコードのエラーだった - それはされている必要があります。

$('#dialog').on('click', '.edit-link', function(){ 

の代わりに：

$('#dialog').on('click', $('.edit-link'), function(){ 

Answer 2

これは関数の所有者を参照しています。あなたのケースでは、これはダイアログです。 代わりにこれを試してみてください：解決

$('#dialog .edit-link').live('click', function(){ 
    alert($(this).attr("id")); 
    return false; 
});