Jquery選項卡：默認選擇和加載JSP

我正在使用JQuery選項卡，我有一個問題，選擇&加載標籤文檔準備就緒。我有如下的JSP頁面：Jquery選項卡：默認選擇和加載JSP

<script>    
     $(function() { 
      $("#welcomeLink").click(function() { 
       $('#welcome').load('/HomeAutomation/private/welcome'); 
       return true; 
      }); 

      $("#boilerLink").click(function() { 
       $('#boiler').load('/HomeAutomation/private/boiler'); 
       return true; 
      }); 

      $("li").click(function() { 
       $("li").removeClass("active"); 
       $(this).addClass("active"); 
      }); 

      $("#menu").tabs(); 
      $("#boilerLink").trigger('click'); 
     }); 
    </script> 
</head> 
<body> 
    <div class="mainFrame"> 
     <div id="menu"> 
      <ul id="tabs"> 
       <li><div id="welcomeLink"><a href="#tab-1">Welcome</a></div></li> 
       <li><div id="boilerLink"><a href="#tab-2">Boiler</a></div></li> 
      </ul> 
      <div id="tab-1"><br> 
       <div id="welcome"></div> 
      </div> 
      <div id="tab-2"><br> 
       <div id="boiler"></div> 
      </div> 
     </div> 
    </div> 
</body>

當我加載頁面，標籤「鍋爐」是精心挑選的，但沒有加載他的內容。不過：

函數「$（」＃boilerLink「）很好地稱爲（帶警報測試）
該選項卡可以工作得很好，如果我點擊它與點擊（函數（）。」。鼠標光標
如果我顛倒兩個「禮」標籤：。它的作品好像它只能選擇第一個選項卡

預先感謝您

來源

2015-08-08 Grégory Petit

我不完全確定你的代碼爲什麼不工作，但你可以嘗試使用jQuery UI的內置AJAX功能。

的href屬性只需設置到外部內容的URL：

<div class="mainFrame"> 
    <div id="menu"> 
    <ul id="tabs"> 
     <li><a href="/HomeAutomation/private/welcome">Welcome</a></li> 
     <li><a href="/HomeAutomation/private/boiler">Boiler</a></li> 
    </ul> 
    </div> 
</div>

，並指定了第二個選項卡應該被默認激活：

$(function() { 
    $("#menu").tabs({ 
    active: 1 
    }); 
});

來源

2015-08-08 15:48:39 just95

Jquery選項卡：默認選擇和加載JSP

回答

相關問題