2011-04-18 29 views
0

我正在通过使用MVC 2领域变得绝望。我有一个MVC 2应用程序。这个应用程序的一部分是一个称为“标记”的区域。我的应用程序中的所有视图都具有相同的主页面。 我的母版是在我的主要应用lacted和头部看起来像这样:

<head runat="server"> 
<title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> 
<link href="../../../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="../../../../Content/jquery.autocomplete.css" /> 
<script src="../../../../Scripts/NewFolder1/jquery-1.5.1.min.js" type="text/javascript"></script> 
<script src="../../../../Scripts/NewFolder1/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script> 


<style type="text/css"> 
    .style1 
    { 
     width: 50px; 
     height: 34px; 
    } 
</style> 

在我mainapplication我输入验证码和一个美丽的标签控制研究的索引页面出现:

<script type="text/javascript"> 
    $(function() { 

     // Tabs 
     $('#tabs').tabs(); 

     //hover states on the static widgets 
     $('#dialog_link, ul#icons li').hover(
       function() { $(this).addClass('ui-state-hover'); }, 
       function() { $(this).removeClass('ui-state-hover'); } 
      ); 

    }); 
    </script> 

    <style type="text/css"> 
     /*demo page css*/ 
     body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} 
     .demoHeaders { margin-top: 2em; } 
     #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} 
     #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} 
     ul#icons {margin: 0; padding: 0;} 
     ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} 
     ul#icons span.ui-icon {float: left; margin: 0 4px;} 
    </style>  


    <!-- Tabs --> 
    <h2 class="demoHeaders">Tabs</h2> 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">First</a></li> 

      <li><a href="#tabs-2">Second</a></li> 
      <li><a href="#tabs-3">Third</a></li> 
     </ul> 
     <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> 
     <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> 
     <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> 

    </div> 

但是,当我在我区的一个页面中输入相同的每个萤火虫显示了一个例外:“$没有定义”

现在一定是我的路由,我在注册看起来像这样:

context.MapRoute("Market with language", "{culture}/Market/{controller}/{action}/{id}", new 
     { 
      controller = "Home", 
      action = "Index", 
      id = UrlParameter.Optional, 
     }, new { culture = "de|en" }); 

萤火虫以红色显示这个请求:http://localhost:12737/de/Scripts/NewFolder1/jquery-ui-1.8.11.custom.min.js

我的结构是这样的:

Mainapplication 
    -scripts 
    --folder1 
    ---jsscripts 
    -views 
--shared 
    ---masterpage.aspx 
    -areas 
    --market 
    ---views 
----viewone.apsx 

谢谢为你所有的帮助!

回答

3

您的脚本未被解析,可能是使用示例中相对路径的路由/链接问题。您可以通过检查Firebug/Fiddler的控制台输出来进行确认。

尝试使用ResolveUrl方法。

<script src="<%= ResolveUrl("~/Scripts/NewFolder1/jquery-1.5.1.min.js") %>" type="text/javascript"></script> 
+0

谢谢你很多,但它不工作。我试图使用ResolveUrl,但萤火虫的输出是相同的:$没有定义。如果我使用来自互联网的路径,像这样:每件事情都很好......任何更多的想法? – HW90 2011-04-18 17:19:43

+0

我相当有信心这是路径。您是否检查过Firebug或Fiddler以确保您的jQuery文件的HTTP请求成功? – 2011-04-18 17:21:23

+0

我正在使用萤火虫,如何找出http请求是否成功? – HW90 2011-04-18 17:29:25