1
Ich habe ein Layout, das eine Frage mit 4 Optionen hat. Wenn Sie auf eine Antwort klicken, wird eine neue Folie hinzugefügt und auf diese Folie gewechselt.Slick Slider SlickAdd hinzugefügt mehrere
$(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);
});
Verwenden Sie diesen Code. Wenn ich auf die vorherige Schaltfläche klicke und die Antwort ändere, wird eine weitere Folie mit derselben Eigenschaft hinzugefügt.
Dank Rony, es funktioniert gut, aber ich möchte alle Fragen anders sein nicht nur 1,2 Frage , 3 in Schleife. Also habe ich etwas mit deiner Geige versucht. Sieh einfach. Wie kann ich das erreichen? https://jsfiddle.net/locateganesh/56Lvfe8e/1/ – locateganesh
Möge es helfen! [geige] (https://jsfiddle.net/pandeyvishal1986/56Lvfe8e/3/#&togetherjs=HwcqyJODBI) – RonyLoud
Onclick letzten Frage Optionen gab es Fehler, weil es keine Objekte gibt und Click-Ereignis ruft das nächste Objekt. Ich habe eine if-Bedingung gegeben: if ($ ('. Slider ul'). Length <5) 'und 5 man fügt einfach eine Klasse hinzu, andere Methoden werden nicht aufgerufen. Habe ich recht? https://jsfiddle.net/locateganesh/56Lvfe8e/5/ – locateganesh