Jquery bind或on不适用于自定义事件

Question

我有一个包含iframe的JSP文件。在父JSP上引用了一些.js（Timer.js）文件，其中使用以下代码创建自定义事件：

$(document).ready(function(){
    RegEvent();
    $('#time-text').trigger('updateDBTime');
});

function RegEvent()
{
    $('#time-text').bind('updateDBTime',function(e){
        alert('called');            
    }); 

}

#time-text是父JSP的一个范围。

上面的代码工作正常。

现在我想从.js中引用的iframe文件中触发此事件。我试过了：

$('#time-text',window.parent.document).trigger('updateDBTime');

和

$('#time-text').trigger('updateDBTime');

两个版本都不起作用，并且在控制台上没有记录错误。

我正在使用 jquery-1.9.0.min.js

Answer 1

这项工作：

parent.$({selector}).trigger( 'eventName' );

将在父文档中检测到iframe内触发的事件。

Answer 2

你可以试试这个：

$(window.parent.document.getElementById('time-text')).trigger('updateDBTime');