data-id 값불러오기요ㅠㅠ링크있어요~!
관련링크
본문
옆에 탭을 누르면 말풍선이 떠야하는데....
지금 data-id값을 넣어놨거든요....
근데 지도에 색만 바뀌고 말풍선이 안뜨네요ㅠㅜㅠ...
a링크로 하면 자꾸 링크를 따라가서 높이값이 달라져서 data로 넣었는데.....
// //탭버튼 두개
function targetOpener2(_target,btn,btn2,option){
var btn = $(btn);
var btn2 = $(btn2);
var $target = $(_target);
$(option.obj).hide().first().show();
btn.bind("click",function(event){
var t = $(this);
href = t.attr("data-id").substr(1);
var num = Number(href.split("-")[1]);
if(option.lv == 1){
$(option.obj).hide().css({'visibility':'hidden'});
$("[id="+href+"]").show().css({'visibility':'visible'});
btn.removeClass("ov");
t.addClass("ov");
btn2.removeClass("ov");
$target.find(".btn_wrap2 .tab_btn.btn"+num).addClass("ov");
$("[data-slider]").slick("setPosition");
}
event.preventDefault();
});
btn2.bind("click",function(event){
var t = $(this);
href = t.attr("data-id").substr(1);
var num = Number(href.split("-")[1]);
if(option.lv == 1){
$(option.obj).hide().css({'visibility':'hidden'});
$("[id="+href+"]").show().css({'visibility':'visible'});
btn2.removeClass("ov");
t.addClass("ov");
//btn.removeClass("ov");
$target.find(".btn_wrap .tab_btn.btn"+num).addClass("ov");
$("[data-slider]").slick("setPosition");
}
event.preventDefault();
});
}
여기부분을 수정하면 될거같은데...정말 모르겠어요ㅜㅠㅠㅠ
답변 2
다른 부분은 잘 모르겠지만..
"a링크로 하면 자꾸 링크를 따라가서 높이값이 달라져서" 부분은,
a 태그에 onclick="return false" 를 추가해주면 됩니다.
<li class="item"><a class="tab_btn ov" href="#obj-1" onclick="return false"><span>① 일반랩</span></a></li>
마르님...
감사합니다ㅠㅠ
제가 원하던 대로 되었네요...
onclick="return false" 이거만 넣으면 되는거였다니.....
휴ㅠㅠㅠㅠ제이쿼리 수정하려고 엄청 시간만 버렸네용ㅠㅠ
답변 감사드리고 채택드립니다 감샤!
개발자도구보면 스크립트에러가 나네요 해당부분 찾아서 수정해보시면 될거같아요
말풍선을 slick슬라이드 사용하셨나요?
해당 js를 호출하는부분이 없네요
슬라이드는 사용 안해서 뺀 상태예용....
말풍선이 안뜨는건 slick때문이 아니고....
$(option.obj).hide().css({'visibility':'hidden'});
$("[id="+href+"]").show().css({'visibility':'visible'});
이부분이 실행이 안되서인거같은데...
$("[id="+href+"]")이부분이 data-id값으로 불러와야할거같은데...
아무리해도 안되네용ㅠㅠ
