묻고답하기
jquery 질문 드립니다;;
2015.05.03 05:09
jquery 질문 드려도 될까요? ^^;
1. 자바스크립트
function regional_map_on(local){
document.getElementById('regional_map').src='./img/guide_map_'+local+'.gif'...
}
function regional_map(){
document.getElementById("regional_map").src = "./img/guide_map_bg.gif";
}
2. 제이쿼리
$(document).ready(function(){
$("#ul").hover(function(){
$('#regional_map').attr("src",'img/guide_map_ul.gif')
}, function(){
$('#regional_map').attr("src",'img/guide_map_bg.gif')
});
});
질문입니다.
위 소스는 마우스를 올리면 해당 이미지로 변경되는 소스인데요,
첫번째 자바스크립트 소스의 경우 매번 아이디값을 적어주지 않아도 자동으로 입력된 코드 <예 onmouseover="regional_map_on('ul');">에 따라서 자동으로 해당 값을 local에 입력해서 찾아주기 때문에 스크립트상에서는 지도값이 추가될 때마다 스크립트를 변경할 필요는 없습니다.
두번째 제이쿼리의 경우, 아이디값이 추가되면 매번 스크립트를 추가수정해줘야 하는데요, 제이쿼리도 첫번째 자바스크립트처럼 소스 안에 변수명으로 대신해줄 수는 없을요?;;
예를 들면, (물론 아래 코드는 제 생각대로 쓴거라서 작동안함;;)
이렇게 loc 변수를 코드 안에 집어넣는다는 등의 방법은 없나요?
$(document).ready(function(){
$("#"loc).hover(function(){
$('#regional_map').attr("src",'img/guide_map_"+loc".gif")
}, function(){
$('#regional_map').attr("src",'img/guide_map_bg.gif')
});
});
$("#"loc).hover(function(){
var a = $(this);
var b = a.attr('id');
$('#regional_map').attr("src",'img/guide_map_'+b+'.gif")
}, function(){
$('#regional_map').attr("src",'img/guide_map_bg.gif')
});
대충 이런식으로 들어가면 될꺼같은데요. 테스트를 안해봐서 확실하진 않아요