return false가 먹히지 않을때
본문
안녕하세요.
선택사항을 체크하지 않으면, 슬라이드가 넘어가지 않게 하고싶습니다..
하지만 alert만 나오고 이후 슬라이드는 작동하고 있는 상황이라 문의 드립니다!
방법이있을까요~?
$(".filed1_next").click(function(){
if (!$("input[name='field1']:checked").val()){
alert("선택사항을 체크해주세요.");
return false;
}
})
var prevall = document.querySelectorAll(".prev");
var prevallLength = prevall.length;
for(var i=0; i < prevallLength; i++){
prevall[i].addEventListener('click', function (e) {
e.preventDefault()
num += 100
container.style.transform = `translateX(${num}%)`
document.getElementById('demo').textContent = Math.floor(- num / groups.length + x) ;
document.getElementById('demo_bar').style.width = Math.floor(- num / groups.length + x) + "%" ;
window.scrollTo(0,0);
})
}
var nextall = document.querySelectorAll(".next");
var nextallLength = nextall.length;
for(var i=0; i < nextallLength; i++){
nextall[i].addEventListener('click', function (e) {
e.preventDefault()
num -= 100
container.style.transform = `translateX(${num}%)`
document.getElementById('demo').textContent = Math.floor(- num / groups.length + x) ;
document.getElementById('demo_bar').style.width = Math.floor(- num / groups.length + x) + "%" ;
window.scrollTo(0,0);
})
}
답변 2
return false;
이전에
https://api.jquery.com/event.preventdefault/
https://api.jquery.com/event.stoppropagation/
이 함수를 사용해 보세요.
