jquery和php,发布表单后如何转到特定选项卡?
我有一个简单的jquery选项卡和一个表单。当我发布表单时,页面将刷新并转到默认选项卡。您也可以在此处看到代码:jquery和php,发布表单后如何转到特定选项卡?,php,jquery,Php,Jquery,我有一个简单的jquery选项卡和一个表单。当我发布表单时,页面将刷新并转到默认选项卡。您也可以在此处看到代码: <ul class="tabs"> <li><a href="#tab1">Home</a> | </li> <li> | <a href="#tab2">Top 10</a> | </li> </ul> <div id="tab1" class="tab_
<ul class="tabs">
<li><a href="#tab1">Home</a> | </li>
<li> | <a href="#tab2">Top 10</a> | </li>
</ul>
<div id="tab1" class="tab_content">234</div>
<div id="tab2" class="tab_content">
<form method="post">
<select name="item">
<option>Paint</option><option>Brushes</option>
</select>
Quantity: <input name="quantity" type="text" />
<input type="submit" />
</form>
</div>
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$('ul.tabs li#none').removeClass('visible');
$('ul.tabs li#none').addClass('none');
$("ul.tabs 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");
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
- |
- ||
234
画笔
数量:
//当页面加载时。。。
$(“.tab_content”).hide()//隐藏所有内容
$(“ul.tabs li:first”).addClass(“active”).show()//激活第一个选项卡
$(“.tab_content:first”).show()//显示第一个选项卡内容
//点击事件
$(“ul.tabs li”)。单击(函数(){
$('ul.tabs li#none').removeClass('visible');
$('ul.tabs li#none').addClass('none');
$(“ul.tabs li”).removeClass(“active”);//删除任何“active”类
$(this).addClass(“active”);//将“active”类添加到所选选项卡
$(“.tab_content”).hide();//隐藏所有选项卡内容
var activeTab=$(this.find(“a”).attr(“href”);
$(activeTab).fadeIn();//淡入活动ID内容
返回false;
});
同样,我想要完成的是当我提交一个表单重定向回我选择的选项卡时
有什么想法吗
谢谢您可以使用ajax提交表单(使用或jquery) 您可以使用ajax提交表单(使用或jquery) 一个简单的想法:在表单中添加一个隐藏的输入字段(供参考),然后在javascript代码部分的选项卡代码之后,添加如下内容:
<?php if(isset($_POST['thehiddenfield'])) { ?>
$('a#tabtoshow').trigger('click'); //here, select by ID the tab you need to show
<?php } ?>
$('a#tabtoshow')。触发器('click')//在此,按ID选择需要显示的选项卡
这应该可以,对不起,我没有时间写完整的代码。我希望它能有所帮助。一个简单的想法:在表单中添加一个隐藏的输入字段(供参考),然后在javascript代码部分的选项卡代码之后添加如下内容:
<?php if(isset($_POST['thehiddenfield'])) { ?>
$('a#tabtoshow').trigger('click'); //here, select by ID the tab you need to show
<?php } ?>
$('a#tabtoshow')。触发器('click')//在此,按ID选择需要显示的选项卡
这应该可以,对不起,我没有时间写完整的代码。我希望有帮助