Question

我正在尝试链接到第一段中的第二个标签，其中显示了旅行申请表。 My Site

我试过了

<a href="#tabs-2" onclick="$('#tabs-2').trigger('click');">trip request form</a>

和

<a href="http://www.euroworldvacations.com/contact-testnew.php#tab-2">trip request form</a>

仍然没有进入第二个标签。我怎样才能做到这一点？

Answer 1

只是做：

<a href onclick="$('#tabs-2').trigger('click');">trip request form</a>

或

<a href onclick="$('#tabs-2').click();">trip request form</a>

更新

我访问了您的site，没有ID tab-2 的元素，您正在做的是将数据发送到后端，href="http://www.euroworldvacations.com/contact-testnew.php?tab=tab2"现在在后端你将tab的值作为tab2获取。

并且没有任何元素可以执行此功能。如果您不想刷新页面，请尝试使用 Ajax

语法：

$.ajax({
  url: "contact-testnew.php",
  data : encodeURIComponent("tab=tab2"),
  success: function(data){
  $(body).html(data);   /*right now you get whole page as responce to updating body later just get changed data in response and update only that div*/
}
});

进一步了解jQuery Ajax here

Answer 2

您可以使用jquery选项卡的活动选项

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>data1</p>
 </div>
<div id="tabs-2">
<p>data2</p>
</div>
<div id="tabs-3">
 <p>data3</p>

</div>
</div>

在jquery代码中

 $( "#tabs" ).tabs( "option", "active", 1 );//1 is desired tab index and #tabs is tab id

Answer 3

您使用错误的ID命名。 tabs-2不是有效名称。你可以尝试tab2。然后使用

 <a href="http://www.euroworldvacations.com/contact-testnew.php#tab2">trip request form</a>

我希望这能解决你的问题

链接到jquery选项卡

3 个答案: