계단식 메뉴와tab페이지의 jquery 구현 - 1단계 2부
10363 단어 Jquery
3434
jQuery(function(){
var jsonAll ='';
jQuery("select").change(function(){
if(jsonAll && jQuery(this).val() !="Select" && jQuery(this).is("#sheng")){
var json= jsonAll[$(this).val()];
$(this).next("select").find("option").not(":contains(Select)").remove();
for (var i = 0; i <json.length ; i++) {
$(this).next("select").append("<option value="+json[i]+">"+json[i]+"</option>");
};
}
});
function initData(){
var arr= [11,12,13];
var arr2= [21,22,23];
var json={
"1":arr,
"2":arr2,
}
jsonAll = eval(json)
};
initData();
});
2
3434
jQuery(function(){
jQuery(".tab li").bind("click",function(){
var index = jQuery(".tab li").index(jQuery(this));
jQuery(this).parents(".tab").next(".content").find("div").eq(index).show().siblings().hide();
});
function init(){
jQuery(".content div").hide();
};
init();
});
-
-
-
-
3
$(function(){
function init(){
$(".content > div").hide().eq(0).show();
$(".nav div").eq(0).addClass("selected").next("div").addClass("selected");
}
$("input[type=button]").click(function(){
if($(this).is("input[value=next]")){
$(".content > div").eq(0).hide().end().eq(1).show();
$(".nav > div").eq(0).removeClass("selected").next("div").removeClass("selected").next("div").addClass("selected").next("div").addClass("selected");
}
if($(this).is("input[value=prev]")){
$(".content > div").eq(1).hide().end().eq(0).show();
$(".nav > div").eq(2).removeClass("selected").next("div").removeClass("selected").end().end().eq(0).addClass("selected").next("div").addClass("selected");
}
});
init();
});<<
<<<<
<<
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Jquery에서 동일한 NAME 또는 id 행 삭제 작업 가져오기//Jquery 같은 수를 가져오고 줄 수와 인자를 삭제합니다. //ID'''또는this를 통해 본 줄의 두 번째 tdeq를 획득(1) 0부터 $("#"+id+"").parents("tr").find("td:eq(1...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
