1
4 가지 옵션으로 질문이있는 레이아웃이 있습니다. Onclick 모든 답변은 새로운 슬라이드를 추가하고 해당 슬라이드로 이동합니다.슬릭 슬라이더 slickAdd가 복수 추가되었습니다
$(document).on('click', '.goal1 li', function(e){
$(this).addClass('goal-selected').siblings('li').removeClass('goal-selected');
$('.slider').slickAdd('<div class="goal2"><h1>Question 2</h1><ul class="goals"><li>Option 1</li><li>Option 2</li><li>Option 3</li><li>Option 4</li></ul><div>');
setTimeout(function(){
$('.slick-next').trigger('click');
}, 500);
});
이 코드를 사용하십시오. 이전 버튼을 클릭하고 대답을 변경하면 추가 속성 슬라이드가 동일한 속성으로 추가됩니다.
감사 RONY, 그것은 잘 작동하지만, 나는 모든 질문이 아니라 1, 2에 의문을 제기 다른되고 싶어요 , 3 in 루프. 그래서 나는 당신의 바이올린으로 무언가를 시도했습니다. 그냥 봐. 이것을 어떻게 할 수 있습니까? https://jsfiddle.net/locateganesh/56Lvfe8e/1/ – locateganesh
도움이 될지도! [피들] (https://jsfiddle.net/pandeyvishal1986/56Lvfe8e/3/#&togetherjs=HwcqyJODBI) – RonyLoud
Onclick 마지막 질문 옵션은 개체가없고 클릭 이벤트가 다음 개체를 호출하기 때문에 오류가 발생했습니다. if ($ ('. slider ul'). length <5)'if 조건문을 주면 5를 추가하면 클래스가 추가되고 다른 메소드는 호출되지 않습니다. 내가 맞습니까? https://jsfiddle.net/locateganesh/56Lvfe8e/5/ – locateganesh