使用jquery创建选项卡

我试图在我的内容页面上创建选项卡，但它对我无效。我已经添加了脚本的母版页使用jquery创建选项卡

<script src="Scripts/jquery-2.2.0.min.js" type="text/javascript"></script> 
<script src="Scripts/jquery-2.2.0.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui-1.11.4.js" type="text/javascript"></script>

，然后试图在内容页添加标签：

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="AddMember.aspx.cs" Inherits="EOSProject.AddMember" %> 

<asp:Content ID="Content1" runat="server" contentplaceholderid="MainContent">   
    <script type="text/javascript"> 
      $(document).ready(function() { 
       $(" #tabs ").tabs(); 
      }); 
     </script> 
     <div id="tabs"> 
      <ul> 
       <li> <a href="#tabs-1"> First Tab </a> </li> 
       <li> <a href="#tabs-2"> Second Tab </a> </li> 
       <li> <a href="#tabs-3"> Third Tab </a> </li> 
      </ul> 
       <div id="tabs-1"> 
        Tab1 
       </div> 
      <div id="tabs-2"> 
       Tab2 
      </div> 
      <div id="tabs-3"> 
       Tab3 
      </div> 
     </div> 
</asp:Content>

是有缺什么？

感谢提前:)

来源

2016-01-20 Omarkk

控制台中的任何错误？ –

@ MarkC.No错误，它只是不工作，没有标签创建。 – Omarkk

抛出警报（“hi”）;在那里看看jquery是否在工作。你是否检查实际的控制台窗口而不是页面？ – JonH

好了，我不知道它是什么样子你的屏幕上，但如果我添加了jQuery，jQuery UI的JS和jQuery UI CSS，一切正常。

这是Fiddle。

我会确保你能正确地引用您的脚本，并且还包括良好的措施CSS文件..

作为一个快速测试，可以包括这些引用，看看标签显示：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

来源

2016-01-20 16:48:06

那是缺少的参考，它现在工作:) 非常感谢Mark :) – Omarkk

使用jquery创建选项卡

回答

相关问题