为什么javascript或jquery代码不';在区域布局页面中不工作?
我想在我的“AdminLayout.cshtml”中添加jquery手风琴菜单。 当我使用根目录中的所有代码时,菜单真正起作用,但当我将它们添加到管理区域的“AdminLayout.cshtml”中时,JavaScript代码不起作用! 我的漫游是真的。 为什么? jquery代码:为什么javascript或jquery代码不';在区域布局页面中不工作?,jquery,asp.net-mvc-3,Jquery,Asp.net Mvc 3,我想在我的“AdminLayout.cshtml”中添加jquery手风琴菜单。 当我使用根目录中的所有代码时,菜单真正起作用,但当我将它们添加到管理区域的“AdminLayout.cshtml”中时,JavaScript代码不起作用! 我的漫游是真的。 为什么? jquery代码: <script type="text/javascript"> $(document).ready(function ($) { $('#accordion-3').dcAc
<script type="text/javascript">
$(document).ready(function ($) {
$('#accordion-3').dcAccordion({
eventType: 'click',
autoClose: false,
saveState: false,
disableLink: false,
showCount: false,
speed: 'slow'
});
</script>
$(文档).ready(函数($){
$('#accordion-3')。dcAccordion({
eventType:'单击',
自动关闭:错误,
saveState:false,
禁用链接:false,
showCount:错,
速度:“慢”
});
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 & 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>
我认为这是因为脚本引用URL中存在错误。所以要克服这种情况,请使用方法。它将虚拟(相对)路径转换为应用程序绝对路径 示例:
<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>
希望这会有所帮助!!在ASP.NET MVC3中,您应该使用:
@Url.Content("~/path/to/file/from/root")
在脚本标记的
src
属性中我将这一行添加到我的代码中,效果很好
<script src="@Url.Content("/Scripts/Admin/jquery-1.8.2.min.js")"
type="text/javascript"></script>
谢谢大家……您能在该区域发布您的观点吗?