Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQueryHtml

Программисты Html
Ответить
Anonymous
 Сделайте простую кнопку отправки HTML снова активной через JavaScript of jQuery

Сообщение Anonymous »

Итак, я запускаю тестовый сайт и столкнулся с уникальной проблемой. У меня есть тесты, которые будут перезагружаться с помощью события.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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»