Question

我试图通过捆绑css和js文件在MVC应用程序中包含一个jquery插件。

但功能不起作用。

我知道如何使用bundles.add（...。）

捆绑文件

我究竟做错了什么？

         bundles.Add(new ScriptBundle("~/bundles/js").Include(
                              "~/js/rainbow.min.js",
                              "~/js/tiksluscarousel.js"));


                    bundles.Add(new StyleBundle("~/bundles/css").Include(
                              "~/css/animate.css",
                              "~/css/normalize.css",
                              "~/css/tiksluscarousel.css",
                              "~/css/github.css"));

        @Styles.Render("~/bundles/css")
            @Scripts.Render("~/bundles/js") 

    Global asax:  BundleConfig.RegisterBundles(BundleTable.Bundles);

Index.cshtml:
        <div id="fruits">
            <ul>
                <li><img src="~/images/fruits1.jpg" /></li>
                <li><img src="~/images/fruits2.jpg" /></li>
                <li><img src="~/images/fruits3.jpg" /></li>
                <li><img src="~/images/fruits4.jpg" /></li>
                <li><img src="~/images/fruits5.jpg" /></li>
                <li><img src="~/images/fruits6.jpg" /></li>
                <li><img src="~/images/fruits7.jpg" /></li>
                <li><img src="~/images/fruits8.jpg" /></li>
            </ul>
        </div>

        <script language="javascript">
        $(document).ready(function(){
        $("#fruits").tiksluscarousel({width:640,height:480,nav:'thumbnails',current:1,type:'zoom'});
        });
        </script>

Answer 1

将文件添加到捆绑包后，您需要在标题中引用捆绑包，并确保在Global.asax文件中注册捆绑包，即

全球档案：

sc-mongodb

您还需要将软件包拆分为单独注册样式和脚本，以便在标题中运行：

布局表：

// Registers default bundle collection
BundleConfig.RegisterBundles(BundleTable.Bundles);

最后一项（就是这个），捆绑名称不能与捆绑包的文件夹位置相同，所以

@Styles.Render("~/bundleLocation/cssBundleName")
@Scripts.Render("~/bundleLocation/scriptBundleName")

您只需将ScriptBundles重命名为/ js和/ css以外的其他内容

即

bundles.Add(new ScriptBundle("~/bundles/js").Include(
"~/js/rainbow.min.js",
"~/js/tiksluscarousel.js"));


bundles.Add(new StyleBundle("~/bundles/css").Include(
"~/css/animate.css",
"~/css/normalize.css",
"~/css/tiksluscarousel.css",
"~/css/github.css"));

这只是MVC的路由约定，它会被包名称混淆并尝试链接不存在的文件夹

MVC静态文件没有执行其功能

1 个答案: