繁体   English   中英

包含外部JavaScript的ASP.NET MVC 4问题

[英]ASP.NET MVC 4 issues with including external javascript

我是MVC的新手,并且在部分视图中陷入了使用下载的javascript控制器的困境。 我下载了这个树形视图:
http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
然后,我将css和images文件夹中的treeview.js和demo.js脚本放置在项目中。 2个.js文件位于/ Scripts / treeview文件夹中,而css和images文件夹位于/ Content文件夹中。

我将这些添加到我的BundleConfig.cs中:

        bundles.Add(new ScriptBundle("~/bundles/treeview").Include(
                    "~/Scripts/treeview/jquery.treeview.js",
                    "~/Scripts/treeview/demo.js"));

        bundles.Add(new StyleBundle("~/Content/css/treewiew").Include("~/Content/jquery.treeview.css"));

我的局部视图如下所示:

<ul id="browser" class="treeview">
    <li><span class="folder">Folder 1</span>
        <ul>
            <li><span class="file">Item 1.1</span></li>
        </ul>
    </li>
    <li><span class="folder">Folder 2</span>
        <ul>
            <li><span class="folder">Subfolder 2.1</span>
                <ul id="folder21">
                    <li><span class="file">File 2.1.1</span></li>
                    <li><span class="file">File 2.1.2</span></li>
                </ul>
            </li>
            <li><span class="file">File 2.2</span></li>
        </ul>
    </li>
    <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
        <ul>
            <li><span class="file">File 3.1</span></li>
        </ul>
    </li>
    <li><span class="file">File 4</span></li>

在_Layout.cshtml中,我在标题部分的@ Styles.Render(“〜/ Content / css”)和@ Scripts.Render(“〜/ bundles / modernizr”)行之前添加了这两行:

<link href="@Url.Content("~/Content/jquery.treeview.css")" rel="stylesheet" type="text/css" />
<script runat="server" type="text/javascript" src="@Url.Content("~/Scripts/treeview/jquery.treeview.js")"></script>

最后,我在索引视图中调用局部视图,该视图随项目自动生成。 CSS几乎可以正常工作,我有样式列表,但它不能用作树视图控制器。

现在,我找到了这些帖子,但是这些不能帮助我:
如何在asp.net MVC4“查看”页面中包含JavaScript代码?
MVC4部分视图javascript捆绑问题

我只是看不到我有什么问题。 我最近才刚开始学习javascript,MVC在5天之前对我来说是一个全新的陌生人,而我现在坚持这个问题已有3天了,对此我感到很生气。 请帮我! 非常感谢!

添加此行而不是使用脚本注册,

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

注意: treeview应该在jQuery参考之后注册。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM