使用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創建選項卡

回答

相關問題