2011-07-08 58 views
0

在我看来,(即由一个对话框上传的)我有几个选项卡正在显示为了要做到这一点我需要引用jQuery用户界面:MVC jQuery的标签显示问题

<script src="<%= Url.Content("~/Scripts/jquery-ui-1.8.11.js") %>" type="text/javascript"></script> 

但由于将此页面与对话框合并,我需要将此引用引用到我的母版页中,并在我的视图的contentplaceholder中使用它,也就是当我遇到问题时。

这是我在视图代码:

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server"> 


    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
      $("#tabstest").tabs(); 
    }); 
    </script> 

</asp:Content> 


<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server"> 

    <h2>jQuery Tabs Example</h2> 

    <div> 
    <div id="tabstest"> 
    <ul> 
     <li><a href="#tabs-1">Home</a></li> 
     <li><a href="#tabs-2">Products</a></li> 
     <li><a href="#tabs-3">Contact Us</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <% Html.RenderPartial("GetHomeTab"); %>    
    </div> 
    <div id="tabs-2"> 
     <% Html.RenderPartial("GetProductTab"); %>   
    </div> 
    <div id="tabs-3"> 
     <% Html.RenderPartial("GetContactUsTab"); %>   
    </div> 
</div>  
</div> 

</asp:Content> 

如果我删除了jQuery UI参考母版页我收到此错误“对象不支持方法‘标签’”,但如果我添加相同的参考对我的看法标签出现。

如果有人知道这个问题

回答

0

的理由,如果移动<script src="...">到您的母版页不应该有任何问题(我总是这样做),我会很高兴。检查你是否把它放在正确的母版页中。

测试的方法是将以下内容:

  • 你的浏览器中运行的页面(有一个js错误,你说的)
  • 查看其源代码
  • 外观为<script src="..."标签(jQuery UI包含)。

我几乎可以肯定你没有它。

希望这会有所帮助。干杯

PS:不要忘了包括的jquery.js,然后jquery.ui,然后你的脚本(以确保您不会有依赖性问题)

+0

感谢大点!但它不能解决问题,不幸的是,对话框中出现的源代码是我从 – Sue

+0

触发对话框的父页面的源代码我也将使用FireBug来查看jQuery的东西是否是双重加载。 ..我发现我偶然做了什么Sue正在做什么......我加载的每个部分也加载了另一个jquery到DOM ...我通过将脚本移动到主来解决这个问题。 –

+0

谢谢你,谢谢你,谢谢你安迪的部分观点有他们的参考,这是问题,你能跟我分享如何引用这些部分视图(ASCX)的母版页吗? – Sue