在外部Javascript文件中调用函数

Question

这是我的代码：

在JSFile.js中：

alert('hello');

$('#mydiv').change(function(){
   alert("i'm here");
})

在html文件的脚本中：

<asset:javascript src="JSFile.js"/>
<script>
    $(document).ready(function(){
        $('#mydiv').trigger('change');
    });
</script>

JS文件正确导入导致我在加载html文件时看到'hello'警告，但是'我在这里'警报从不弹出。如果我从js文件中复制代码并将其粘贴到文档准备就绪之下，则会弹出警报。

有人知道如何让它以我想要的方式运作吗？感谢。

Answer 1

我无法重新创建，但你试过了吗？

$('#mydiv').change(function(){
   alert("i'm here");
}).change();

定义更改事件，并立即触发它。这可以确保在调用事件处理程序之前定义它。