布局中的声明顺序

时间:2014-01-06 21:35:50

标签: javascript jquery asp.net-mvc-5 visual-studio-2013

在web开发中新手,尝试做一些涉及jquery的东西,例如dropkick下拉扩展。

当我在bundleConfig中包含jquery-1.10.2.min.js时,它不起作用:

public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.min.js",
                    "~/Scripts/jquery-ui.js",
                    "~/Scripts/jquery.dropkick.js"
                    ));...

但是只有当我在_layout.cshtml中明确引用它时(在我添加的dropkick脚本之前)才能正常工作。

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>   
<script type="text/javascript" charset="utf-8">

    $( document ).ready(function () {
        $('.default').dropkick();....

得到以下错误,在周围搜索,似乎我的订单没问题 - 首先是jquery,然后是jquery ui,所以我不确定我的下一步是什么

Uncaught ReferenceError: $ is not defined ParentInvite:35
Uncaught ReferenceError: jQuery is not defined jquery-ui.js:314
Uncaught ReferenceError: jQuery is not defined jquery.dropkick.js:555
Invalid App Id: Must be a number or numeric string representing the application id. 

1 个答案:

答案 0 :(得分:1)

默认情况下,捆绑包不允许您引用捆绑列表中的.min个文件。将jQuery引用更改为"~/scripts/jquery-{version}.js",它将起作用。

值得注意的是,只要您的项目中同时具有开发版本和.min版本,当您将编译模式切换为{时,捆绑器就足够聪明地使用.min版本{1}}。

相关问题