Следующий элемент с помощью jQuery
Мне нужно перейти к следующему элементу. Мой код показывает 3 разные карточки и помещает опцию в ddbb, но при нажатии на опцию мне нужно передать 'screen-view' на следующую карточку, когда успех в порядке. Я пробовал .next('.card').toggle() и .show(), но они не работают, есть советы?
Мой шаблон:
Помогите пожалуйста ;_;
Я вижу здесь несколько вещей, которые создадут проблемы с тем, что вы пытаетесь сделать.
Во-первых, ваш вызов $('.card-standard').next().show(); происходит не тогда, когда успех в порядке, а сразу после начала вызова AJAX. В JavaScript функции выполняются до завершения, до того, как произойдут вложенные обратные вызовы. Если вы хотите переключать карты при успехе (когда выполняется ваш обратный вызов успеха), вам нужно переключиться в то же время, когда вы говорите console.log("ok").
Во-вторых, вы получите странные результаты от $('.card-standard').next().show();, потому что вы, похоже, ожидаете, что он найдет один элемент, но он найдет все элементы с классом .card-standard. Затем для каждого из них он перейдет к следующему и покажет его. Это означает, что он покажет все карты, кроме первой, которую он оставит нетронутой
В-третьих, вы ни в коем случае не скрываете текущую карту. Я не знаю, как выглядит ваш пользовательский интерфейс, но если только одна карта должна быть на экране одновременно, разве вы не должны скрывать ее и здесь?
Возможно, вам следует поместить в обработчик успеха что-то вроде этого:
$this.parent("card").hide();
$this.parent("card').next().show();