0

Подскажите такой вопрос. Как обратиться к элементам контента подгруженным через ajax.

Для примера. По кнопки происходит запрос $.ajax() и в указанный див вставляется какой-то контент.

//к примеру
<span id="newhtmlajax">подгруженный контент</span

При дальнейшей попытки обратиться к уже подгруженному контенту ничего не происходит, не получается через $("#newhtmlajax") ...

Подскажите получается нельзя так обращаться или что то заведомо не правильно делаю?

2
  • Для примера вот страница new.texno-proekt.ru/1.html
    – Atach
    2 июн 2015 в 8:02
  • После подгрузки контента в ajax $(".ajaxcontent").html(html); добавьте строчку $('#formback186').validate(); и все заработает!
    – mr.Mouse
    2 июн 2015 в 14:32

1 ответ 1

0

Все зависит от конкретного кода. Что и как предполагается делать с #newhtmlajax.

Например, можно задать событие (blur, focus, load, resize, scroll, unload, beforeunload, click и т.д.).

$(function(){
  // jquery до версии 1.7
  $(document).delegate('#newhtmlajax', 'click', function(){ ... });

  // или
  $('#newhtmlajax').live('click', function(){ ... });

  // версия 1.7 и выше
  $(document).on('click', '#newhtmlajax', function(){ ... });
})

Подробнее по событиям здесь http://api.jquery.com/on/

После подгрузки будет работать $("#newhtmlajax"). Без примера кода сложно сказать.

8
  • Вот для примера создал 2 страницы. Первая - new.texno-proekt.ru/1.html На которой присутвует сразу в контенте код который обрабатывается js (click и validation) ... и точно такой же код подгружается через ajax (с другой страницы), в коде всё видно, но её тот JS код при обращении почему то не видит? что именно не правильно, тип обращения к объекту?
    – Atach
    2 июн 2015 в 8:02
  • Почему не видит, по клику работает $(document).on('click', '#formback186 input', function(){ ... })
    – mr.Mouse
    2 июн 2015 в 8:27
  • Вы лучше объясните, что хотите получить в результате? Какие действия должны быть в подгруженной форме? Так мы быстрее разберемся )
    – mr.Mouse
    2 июн 2015 в 8:35
  • По клику на ссылку, подгружается форма. Которая у меня проверяется на заполнения плагином jquery.validate.js ... Обычно я инициализирую плагин указав просто $('#form-id').validate(); Для подгруженного же контента не получается так. В примере да я показал что клик через "$(document).on('click'" - работает, а через "$(".clk").click(function ()" нет ...
    – Atach
    2 июн 2015 в 9:36
  • Вставьте в загружаемую страницу (2.html) под форму #formback186 код <script>$('#formback186').validate();</script>
    – mr.Mouse
    2 июн 2015 в 9:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.