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

时间:2012-11-22 11:49:50

标签: jquery jquery-ui visual-studio-2012 jquery-autocomplete

我试图使用自动完成功能,但它无法在VS2012中运行。所以,我从jQuery(http://jqueryui.com/autocomplete/#default)中取样并将其粘贴在VS2012和VS2010中。它在2010年运作良好,但在2012年抛出异常。

知道为什么会这样吗?

为避免任何插件或脚本不匹配的情况,我使用了jquery site提供的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中,如果没有提到,则附加默认布局。再次,如果我们删除“@RenderSection(”scripts“,false);”在layout.cshtml文件中,事情将开始起作用。

任何人都知道为什么会这样?

1 个答案:

答案 0 :(得分:1)

我明白了。

我所做的只是将_Layout.cshtml中的以下代码从底部移动到头部。

“@ Scripts.Render(” 〜/捆绑/ jquery的 “)”

:)快乐吧。在这上面浪费了将近一天。