jquery自动完成在VS2012中不起作用,但在VS2010中工作正常



我正在尝试使用自动完成功能,但它在VS2012中不起作用。因此,我从jQuery(http://jqueryui.com/autocomplete/#default)中获取了一个样本,并将其粘贴到VS2012和VS2010中。它在 2010 年工作正常,但在 2012 年抛出异常。

知道为什么会这样吗?

为了避免插件或脚本不匹配的情况,我使用了jquery站点给出的cdn引用。

这是我使用的源代码。这是VS2012和VS2010中唯一的内容,没有添加任何其他内容

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
    </script>
</head>
<body>
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>

</body>
</html>

编辑:我观察到在VS2012中,如果没有提及,它将附加默认布局。同样,如果我们删除 layout.cshtml 文件中的"@RenderSection("脚本",false);",事情将开始工作。

任何人,都知道这是为什么吗?

我明白了。

我所做的唯一更改是将 _Layout.cshtml 中的以下代码段从底部移动到头部部分。

"@Scripts.Render("~/bundles/jquery")"

:)现在开心了。在这上面浪费了将近一天的时间。

相关内容