理解jQuery'$(function(){...}); '逻辑

时间:2013-07-31 14:37:24

标签: asp.net-mvc-3 jquery partial-views

我在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调用将作为新视图打开而不是部分。也许其中一个是不必要的或什么?

1 个答案:

答案 0 :(得分:0)

请按照以下链接清楚说明jquery $(function(){}。

$(function(){}