javascript - 如果有两个 jquery $(function(){...}) ，则不会加载第二个

Question

我有 base.html，其中包含将由其他模板继承的所有通用代码。

我有 profile.html，它从 base.html 继承了很多东西

在 base.html 我有这个：

<script>
 $(function(){
    alert('base');
 })
</script>

这将被所有模板继承。

在 profile.html 中，在继承的代码旁边，我也有这个：

<script>
 $(function(){
    alert('profile');
 })
</script>

一旦我加载个人资料页面，我只会得到base而不是profile输出。为什么第二个$(function(){...})没有被加载？

我在 base.html 中加载 jquery 源。