Javascript php和getScript的加载时间各不相同

当我在本地主机上测试一些东西时，我在jquery文件中发现了这个奇怪的地方。 我制作了一个下拉菜单，其中显示了一个包含php内容的隐藏div。我还在每个单独的php文件中添加了超链接，以便在页面中导航。因为它必须在一个div中显示，所以我编写了以下脚本：

$(document).ready(function () {
    $('.grouptwo').hide();
    $('#2013-2014').show();
    $.getScript("/localhost/Scripts/browsing.js");
    $('#ddmenu').change(function () {
        $('#browsing').html('');
        $('.grouptwo').hide();
        $('#'+$(this).val()).fadeIn("slow");
    });
});

browsing.js文件如下所示：

$(document).ready(function () {
$('a.browselink').on('click', function(e){
    e.preventDefault();
    $('#browsing').load($(this).attr("href"));
    $('.grouptwo').hide();
    $.getScript("/localhost/Scripts/browsing.js");
    });
});

此脚本应确保在每个新加载的页面上，脚本都正常运行

然而，当我尝试通过它单击时，我发现大部分时间脚本都是在php之后包含的，这是应该的，但有时特别是当您非常快地单击时，它会在加载php之前获取脚本。我在谷歌Chrome控制台上截屏，展示我的意思

---

这很烦人，因为如果在php文件之前加载脚本，脚本将无法工作。我试图找出这种情况何时发生的规律，但它似乎是随机的。有人知道为什么会发生这种情况以及如何解决吗？当然，我可以在每个单独的PHP文件中包含browsing.js文件，但我想知道是否有更好的解决方案。

在函数绑定到新添加的元素时，您不需要一直重新加载脚本。我已经尝试过了，但它只工作一次。当您单击两次时，它将不再加载脚本。在我看来，它似乎与隐藏的div有关？将其更改为$'body'。单击“a.browselink”，函数e{