$ (document). уже не вызывается после вызова Ajax

Question

$ (document). уже не вызывается после вызова Ajax

0

Вот моя главная страница, когда страница загружается, "страница1" отображается автоматически, всякий раз, когда переключатель переключается, содержимое "div" обновляется через ajax

 <html>
   <input type="radio" name="radioOption" id="page1" checked="checked"/>
   <input type="radio" name="radioOption" id="page2"/>
   <div id="page1"><jsp:include page="page1"/></div>
   <div id="page2"></div>
</html>

Ajax call

$(document).ready(function() {
   $('input:radio[name="radioOption"]').on("click", function(e) {
        $.ajax(url:"url", success:function(result){
           $("#page1").empty();
           $("#page2").html(result); 
        };)
    });
});

ничего особенного в страницах 1 и стр. 2, это просто формы с некоторыми входами и кнопка отправки

<form name="someForm">
   <input type=text name="userName"/>
    <button type="submit" id="save-button"/> 
</form>

Имейте некоторые формы валидации, которые вызывают onClick кнопки отправки, как показано ниже

$(document).ready(function() {
    $('#someForm').bind('submit', function(e) {
       someValidationFunctions(); 
 });

Моя проблема заключается в том, что эти проверки вызывают, когда страница загружается в первую очередь, они не запускаются после вызовов ajax div, что мне не хватает, любые входы оцениваются

spal 21 янв. 2014, в 07:44

Источник

Теги:

jquery

1 ответ

Ещё вопросы

bipen · Accepted Answer · 2014-01-21T04-45-00.000Z

использовать on для динамически создаваемых элементов..

 $(document).on('submit','#someForm', function(e) {
   someValidationFunctions(); 
}

это даже лучше, если вы используете статический родительский элемент, а не сам документ (по результату).

который в вашем случае #page2

 $('#page2').on('submit','#someForm', function(e) {
   someValidationFunctions(); 
}

спасибо, это именно то, что я искал
добро пожаловать .... рад, что помогло .. счастливое кодирование ..