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

回答

相关问题