爲什麼JavaScript或jQuery代碼在區域佈局頁面中不起作用？

我想在我的「AdminLayout.cshtml」中添加jquery手風琴菜單。當我使用root中的所有代碼時，菜單真的有效，但是當我將它們添加到Admin Area中的「AdminLayout.cshtml」時，它的JavaScript代碼不起作用！我的漫遊是真實的。爲什麼？爲什麼JavaScript或jQuery代碼在區域佈局頁面中不起作用？

jQuery代碼：

<script type="text/javascript"> 
    $(document).ready(function ($) { 
     $('#accordion-3').dcAccordion({ 
      eventType: 'click', 
      autoClose: false, 
      saveState: false, 
      disableLink: false, 
      showCount: false, 
      speed: 'slow' 
     }); 
    </script>

HTML代碼：

<ul class="accordion" id="accordion-3"> 
     <li><a href="#">Home</a> <ul> 
       <li><a href="#">Page 1</a></li> 
       <li><a href="#">Page 2</a></li> 
       <li><a href="#">Page 3</a></li> 
       <li><a href="#">Page 4</a></li> 
      </ul></li> 
     <li><a href="#">Products</a><ul> 
      <li><a href="#">Mobile Phones &#038; Accessories</a><ul> 
       <li><a href="#">Product 1</a> 
        <ul> 
         <li><a href="#">Part A</a> </li> 
         <li><a href="#">Part B</a></li> 
         <li><a href="#">Part C</a></li> 
         <li><a href="#">Part D</a></li> 
        </ul> 
       </li> 
      </ul> 
      </li> 
      <li><a href="#">Accessories</a> 
      <ul> 
       <li><a href="#">Product 14</a></li> 
       <li><a href="#">Product 15</a></li> 
      </ul> 
      </li> 
     </ul></li> 
    </ul>

，並使用這些文件：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="../../Scripts/jquery.cookie.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.hoverIntent.minified.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.dcjqaccordion.2.7.min.js" type="text/javascript"></script>

來源

2012-10-07 Smo

你可以發表你的觀點在該地區？ –

我加入這行到我的代碼和工作得很好......

<script src="@Url.Content("/Scripts/Admin/jquery-1.8.2.min.js")" 
    type="text/javascript"></script>

感謝所有...

來源

2012-10-17 17:00:15 Smo

我認爲其原因是在腳本引用URL摸索。所以要克服這種情況，請使用Url.Content()方法。它將虛擬（相對）路徑轉換爲應用程序絕對路徑。

例子：

<script src='@Url.Content("~/Scripts/jquery.cookie.js")' type="text/javascript"></script> 
<script src='@Url.Content("~/Scripts/jquery.hoverIntent.minified.js")' type="text/javascript"></script> 
<script src='@Url.Content("~/Scripts/jquery.dcjqaccordion.2.7.min.js")' type="text/javascript"></script>

希望這將幫助！

來源

2012-10-07 11:02:24

在ASP.NET MVC3你應該使用：

@Url.Content("~/path/to/file/from/root")

在腳本的src屬性標記

來源

2012-10-07 11:04:19 Sethi

爲什麼JavaScript或jQuery代碼在區域佈局頁面中不起作用？

回答

相關問題