1

我是 MVC 的新手，在部分视图中使用下载的 javascript 控制器时遇到了困难。我下载了这个树视图：http:
//bassistance.de/jquery-plugins/jquery-plugin-treeview/
然后我将 treeview.js 和 demo.js 脚本放在项目中，以及 css 和 images 文件夹。2 个 .js 文件位于 /Scripts/treeview 文件夹中，css 和图像文件夹位于 /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 中，我在 head 部分添加了这两行，就在 @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>

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

现在，我找到了这些帖子，但这些帖子对我没有帮助：
How to include javascript code in asp.net MVC4 View page?
MVC4部分视图javascript捆绑问题

我只是看不出我有什么问题。我最近刚开始学习 javascript，5 天前 MVC 对我来说是全新的和未知的，我现在坚持这个问题 3 天，为此我对自己很生气。请帮我！非常感谢！

4

1 回答 1

2

添加这一行而不是使用您的脚本注册，

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

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

于 2013-07-07T15:27:11.520 回答