Итак, я запускаю тестовый сайт и столкнулся с уникальной проблемой. У меня есть тесты, которые будут перезагружаться с помощью события.preventDefault (); Таким образом, страница, на которой они находятся, не перезагружается, но вопрос о тестировании. Все шло отлично, но недавно я обнаружил, что мне нужно переместить кнопку отправки (что до этого момента был перезагружен с вопросом). < /P>
Кнопка отправки теперь должна Прислушивайтесь к подаче формы, даже после того, как вопрос был подан, раздел «Вопросы и ответы» перезагружается и заменен новым вопросом. Теперь вот проблема, кнопка отправки теперь будет частью страницы, которая не перезагружается, в то время как форма и вопросы/ответы будут перезагружены каждый раз, когда нажата кнопка отправки.
< P> Вот текущий обработчик формы: < /p>
$(document).ready(function () {
$(document).on("submit", "#quiz", function (event) {
console.log("Custom submit")
event.preventDefault(); //prevent default action
var post_url = $(this).attr("action"); //get form action url
var form_data = $(this).serialize(); //Encode form elements for submission
$.post(post_url, form_data, function (response) {
console.log(response)
$("#prntqst").html(response);
});
});
});
< /code>
Вот пример формы: < /p>
Ans A.
Ans B.
Ans C.
< /code>
Кнопка отправки довольно проста: < /p>
< /code>
Можно ли даже перезагрузить раздел, представленную с кнопки, которая уже была запущена и не была перезагружена? Я попытался раскрыть его, установите по умолчанию FALSE даже после таймера, он не будет представлять второй вопрос. Я полагаю, что он больше не слушает второй плюс Sumbit, и должен быть сброшен, чтобы принять щелчок. < /P>
Я уверен, что что -то упускаю. Спасибо за ваше время. < /p>
Вот полное возвращение вызова Ajax прямо сейчас: < /p>
Question?
Ans A.
Ans B.
Ans C.
$(document).ready(function () {
$(document).on("submit", "#quiz", function (event) {
console.log("Custom submit")
event.preventDefault(); //prevent default action
var post_url = $(this).attr("action"); //get form action url
var form_data = $(this).serialize(); //Encode form elements for submission
$.post(post_url, form_data, function (response) {
console.log(response)
$("#prntqst").html(response);
});
});
});
Подробнее здесь: https://stackoverflow.com/questions/794 ... -of-jquery
Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery ⇐ Jquery
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery
Anonymous » » в форуме Html - 0 Ответы
- 13 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery
Anonymous » » в форуме Jquery - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery
Anonymous » » в форуме Javascript - 0 Ответы
- 13 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery
Anonymous » » в форуме Html - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-