mvc jquery选项卡显示问题

Question

在我看来（由对话框上传）我有几个选项卡正在显示，以便发生这种情况我需要引用 jquery ui：

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

但由于将此页面与对话框合并，我需要将此引用引用到我的母版页并在我的视图的内容占位符中使用它，这就是我遇到问题的时候。

这是我在视图中的代码：

 <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 引用，我会收到此错误“对象不支持方法'选项卡'”，但如果我向视图添加相同的引用，选项卡就会出现。

如果有人知道这个问题的原因，我将不胜感激

Answer 1

如果您将<script src="..."> 移动到您的母版页，应该没有任何问题（我总是这样做）。检查您是否将其放入正确的母版页中。

一种测试方法如下：

• 在浏览器上运行页面（如你所说有js错误）
• 查看其源代码
• 查找<script src="..." 标签（jquery ui 包含）。

我几乎可以肯定你没有。

希望这会有所帮助。干杯

PS：不要忘记包含 jquery.js，然后是 jquery.ui，然后是您的脚本（以确保您没有依赖问题）