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，然后是你的脚本（以确保你没有依赖性问题）

mvc jquery选项卡显示问题

1 个答案: