mvc jquery选项卡显示问题

Question

在我看来（通过对话框上传）我有几个正在显示的选项卡，为了实现这一点，我需要引用jquery ui：

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

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

Answer 1

如果您将

测试方法如下：

• 在浏览器上运行页面（如您所说，存在 js 错误）
• 查看其源代码
• 查找

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

希望这有帮助。干杯

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