asp.net-mvc-3 - 了解 jQuery ' $(function () {...}); '逻辑

Question

我在 ASP.NET MVC 3 中有一个部分视图，带有一个脚本：

<script type="text/javascript" >
    $(function () {
        $("#tagbox").autocomplete({
            source: "/Tag/GetTags",
            minLength: 1,
            select: function (event, ui) {
                $("tagbox").val(ui.item.value);
            }
        });
    });
    </script>

当我在我的内容 div 中加载 patial 视图时，自动完成将不起作用，除非我删除'$(function () {... })所以脚本如下所示：

<script type="text/javascript" >
        $("#tagbox").autocomplete({
            source: "/Tag/GetTags",
            minLength: 1,
            select: function (event, ui) {
                $("tagbox").val(ui.item.value);
            }
        });
</script>

但是当通过访问 URL 将其加载为新视图时，一切正常。

我的主要观点也有这些参考：

<script src="http://static.jsbin.com/js/prod/jsbin-3.4.4.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

其次，当我更改引用之间的顺序时，我的 ajax 调用将作为新视图打开，而不是部分视图。也许其中一个是不必要的或什么？

Answer 1

请点击下面的链接，它将清楚地解释 jquery $(function(){}。

$(函数(){}