如下,如何同时调用两个这样相同的方法,比如.nwj_conttab1和.nwj_conttab2这两个内容框是通过ul.nwj_ul1 li和ul.nwj_nl2 li来控制TAB,已经尝试过把两个需要的样式用","分割,无果,只有一个产生效果$(document).ready(function() { //Default Action
$(".nwj_conttab1").hide(); //Hide all content
$("ul.nwj_ul1 li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab1:first").show(); //Show first tab content
//On Click Event
$("ul.nwj_ul1 li").click(function() {
$("ul.nwj_ul1 li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".nwj_conttab1").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;
});});
$(".nwj_conttab1").hide(); //Hide all content
$("ul.nwj_ul1 li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab1:first").show(); //Show first tab content
//On Click Event
$("ul.nwj_ul1 li").click(function() {
$("ul.nwj_ul1 li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".nwj_conttab1").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;
});});
解决方案 »
- JS如何统计多行文本已输入文字的行数
- javascript为什么在IE中可以直接id访问element的节点,而在firefox中就必须得用getElementById('id')才行?
- 新手跪求各位大大们一个关于函数里面套用函数的问题!!
- FF下如何禁用最大化按钮?IE7效果问题
- [附图]如何使js调用的内容还拥有当前页面的css效果?
- 求助,canvas应用的扩展,悬赏100分
- 请问一下jcplayer播放flv视频,怎么监听播放结束?
- 100分急求!能不能给个通过js,添加和删除html中一个表格内容的例子。
- Java引用javascript中的function时btoa函数报错
- jquery的绑定函数
- 罕见的Js错误: typeerror:object #<a Document> has no method 'load'
- 求写个for循环,两篇帖子分一起送了!
$("ul.nwj_ul1 li").removeClass("css1").removeClass("css2");
Jquery 链式调用 试试行不行
这个TAB本身是正常移除active样式,但当页面有两处都要用这个TAB的时候,第二个TAB在移除、添加active样式时就无效,反而使用第二个TAB切换的时候,第一个有效果,第二个无反应
$(".nwj_conttab1").hide(); //Hide all content
$("ul#nwj_ul1 li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab1:first").show(); //Show first tab content
//On Click Event
$("ul#nwj_ul1 li").click(function() {
$("ul#nwj_ul1 li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".nwj_conttab1").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;
});});$(document).ready(function() { //Default Action
$(".nwj_conttab2").hide(); //Hide all content
$("ul#nwj_ul2 li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab2:first").show(); //Show first tab content
//On Click Event
$("ul#nwj_ul2 li").click(function() {
$("ul#nwj_ul2 li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".nwj_conttab2").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;
});});
}
里加一个参数提成另一个方法 不行么?
function init(idx){
$(".nwj_conttab"+idx).hide(); //Hide all content
$("ul#nwj_ul"+idx+" li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab"+idx+":first").show(); //Show first tab content
}$.ready(function(){
init(1);
init(2);
})
http://topic.csdn.net/u/20110107/14/4e2228b8-e0ad-4806-81c3-5c67e8ff2e6e.html完了做成了实例:
http://www.joomlask.com/joomla/front-end-development/item/168-base-on-jquery-tabs-slide-in-one-page.html