JQuery скрипты в ответе Ajax не работает

Question

Я использую функцию jQuery $ .load () для получения контента с сервера. загруженный контент содержит это:

<p id="p1">123</p>
<script>   
 $(document).ready(function(){
      $('#p1').html('ABC');
      alert($('#p1').html());
 });
</script>

изменение текста абзаца на «ABC» не влияет на страницу, но предупреждение () отображает «ABC».

Answer 1

Я думаю, что ваш селектор неверен. $ ('# p') выберет элементы (хотя в принципе должен быть только один, но это отдельно) с id "p" Не все

элементы. Поэтому я думаю, что вы имеете в виду либо $ ('p'), либо $ ('# p1').

Answer 2

Если вы загружаете его через .load (), избавьтесь от окружающего $ (document) .ready (); немного. Это не обязательно, так как DOM уже загружен. Ваш скрипт должен работать так, как вы ожидаете.

Не забудьте добавить type = "text / javascript" в тег сценария, чтобы убедиться, что он ничего не нарушает.

Если у вас все еще есть проблемы, попробуйте просто использовать функцию обратного вызова .load (), например.

  $("#somediv").load('some.html',{ /* empty data arg */ },function(){
    $("#p1").html('ABC');
  });

Answer 3

Э-э, не будет ли документ уже «готов» при загрузке контента? Предупреждение действительно срабатывает? Если это так, я согласен с arnab_deka: используйте метод .text ().

Answer 4

Селектор "# p" ищет элемент DOM с идентификатором "p" - и здесь ничего подобного нет.

Правильный селектор будет "# p1".

Также, чтобы установить текст в узле, используйте text (): (см. текст (значение) в http://docs.jquery.com/Manipulation)

$ ( "# p1") текст ( 'ABC');.