Grails：无法从索引页面运行位于呈现模板中的函数

Question

我有一个索引，在我的索引中，我正在渲染一个名为dateFilter.gsp的模板

index.gsp中

<script>
$(document).ready(function(){
//$('#dateFilter').val("This Year").trigger("change");
});
</script>

dateFilter.gsp

<g:select id="dateFilter" from="${["Today", "This Week", "This Month", "Last Month", "This Year", "This Fiscal Year"]}"                                  noSelection="${['null':'Custom']}" value="${params.dateFilter}"                                 
class="commonSelectSize3Cols"/>

<button class="applyButton" id="applyButton">Apply</button>

<script>
$("#dateFilter").on("change",function(){
alert("Date changed!");
});

$(document).ready(function(){
 $('#dateFilter').val("This Year").trigger("change");
});
</script

当我把这段代码

  

$（'＃dateFilter'）。val（“今年”）。触发器（“更改”）;

在 dateFilter.gsp 的 $（文档）.ready 内，代码正常工作，意味着所选选项更改为“今年”和onChange事件运行。但是，如果我在索引的 $（document）.ready 内放置了触发更改选择框的代码，则代码会成功将所选选项设置为今年但onChange事件函数未运行。我甚至试图检查是否可以从索引中看到dateFilter元素，是的。

但为什么不能从索引运行onChange事件函数呢？如果有一个解决方法，这是什么？感谢。