Question

大家都是程序员，我有一个jQuery标签问题。我使用jQuery在选项卡之间导航，jQuery代码如下所示：

$(document).ready(function() {

//Default Action
$(".tab-content").hide(); //Hide all content
$("ul.vertical-tab li:first").addClass("active").show(); //Activate first tab
$(".tab-content:first").show(); //Show first tab content

//On Click Event
$("ul.vertical-tab li").click(function() {
    $("ul.vertical-tab li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab-content").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active content
    return false;
});

});

第一个选项卡始终是默认选项，因此当我在第二个选项卡上工作并将数据提交到外部PHP脚本时，重定向始终会返回第一个（默认选项卡）。我的重定向如下所示： 标题（'位置：http://www.administrator.php'）;

$con=mysqli_connect("localhost","root","","database");
$firstname=$_POST['firstname'];
$lastname=$_POST['lastname'];

$sql="INSERT INTO student (firstname,lastname) VALUES('$firstname','$lastname')";

if (!mysqli_query($con,$sql))
   {
   die('Error: ' . mysqli_error());
   }
header('Location:http://www.administrator.php');
mysqli_close($con);

因为我使用jQuery，我无法使用地址将自己重定向到所需的标签。帮助：/

Answer 1

您可以执行基于哈希的查找，例如：

link: http://www.administrator.php/#secondtab

$firsttab = window.location.hash ? 
    $(window.location.hash) : 
    $("ul.vertical-tab li:first");
$.firsttab.addClass('active').show();

然后你只需要你的标签的ID匹配（例如id="secondtab"）

Jquery选项卡，如何重定向？

1 个答案: