簡體   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