jQueryは、あるページから別のページにジャンプする指定tabタブを実装する
3752 ワード
最近事は比较的に多くて、小婷はすでに十分な时间がなくて新しい知识の点を学ぶことができなくて、简単なものを书きましょう、これらはやはり昔学习の先端の时に残した教室のノートで、その时ノートを覚えるのが好きで、いつも役に立つ上の地方を感じて、结局良い记忆性はぼろぼろの笔头に及ばないと思っています.
考え方:
ページaからurlを通りますか?後のパラメータはページbにindexを伝え、ページbはこのパラメータによってタブの切り替えを制御する.
aページ:
bページ:
実際のコード参照a.html
祈澄娘技術ブログ:https://www.jianshu.com/u/05f416aefbe190後の先端の妹、プログラミングが好きで、運営が好きで、文芸とコードが一斉に飛んで、魅力と知恵が共存するプログラムは1枚です.仕事の中で出会った技术の问题を総括することを坚持して、仕事の中で思ったことを记录することを坚持して、ブログの上でできない问题に対して、qq技术の交流グループのチャットに参加することができます:649040560.
考え方:
ページaからurlを通りますか?後のパラメータはページbにindexを伝え、ページbはこのパラメータによってタブの切り替えを制御する.
aページ:
キャンパスの
の
の
bページ:
1: url
2: url = (id)
3: (id)
実際のコード参照a.html
<a href="b.html?type=1"> </a>
<a href="b.html?type=2"> </a>
<a href="b.html?type=3"> </a>
</code></pre>
<p>b.html</p>
<pre><code>
<meta charset="UTF-8"/>
<title>tab-JQ
-
-
-
//
$('#tit span').click(function() {
var i = $(this).index(); //
//var i = $('tit').index(this);//
$(this).addClass('select').siblings().removeClass('select');
$('#con li').eq(i).show().siblings().hide();
});
// url
var ur = location.href;
// url = (id)
var type = ur.split('?')[1].split("=")[1];
// (id)
// A URL ? B index
$('#tit span').eq(type - 1).addClass('select').siblings().removeClass('select');
$('#con li').eq(type - 1).show().siblings().hide();
祈澄娘技術ブログ:https://www.jianshu.com/u/05f416aefbe190後の先端の妹、プログラミングが好きで、運営が好きで、文芸とコードが一斉に飛んで、魅力と知恵が共存するプログラムは1枚です.仕事の中で出会った技术の问题を総括することを坚持して、仕事の中で思ったことを记录することを坚持して、ブログの上でできない问题に対して、qq技术の交流グループのチャットに参加することができます:649040560.