jQuery .html () не отображает никаких данных в ie7, но работает ie8 - PullRequest
Новая
       15

jQuery .html () не отображает никаких данных в ie7, но работает ie8

5 голосов
/ 03 марта 2011

Так у кого нет проблем с ie7?

Кажется, я не могу заставить ie7 распознать некоторые данные.

Я создал тему WordPress для моего клиента, и это позволяет им вводить дополнительную информацию в wordpress meta fields через администратора, чтобы они могли отображать дополнительную информацию.

Я написал небольшой скрипт jQuery, который просматривает изображения alt и title, чтобы собрать эту информацию и записать ее в div.

Ниже мой сценарий. 

<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
      var title = jQuery('.attachment-post-thumbnail').attr('title');
      var alt = jQuery('.attachment-post-thumbnail').attr('alt');
      jQuery('#vehicle-alt').html('<h2 class="car-detail">'+title+'</h2><p>'+alt+'</p>');
    });
    //]]>
</script>

Когда я смотрю на исходный код в ie7, информация не была передана.

деление так же просто, как <div id="vehicle-alt"></div>

Ответы [ 3 ]

3 голосов
/ 03 марта 2011

.html () метод использует свойство браузера innerHTML. Некоторые браузеры могут не генерировать DOM, который точно копирует предоставленный источник HTML.

Кажется, что метод jQuery html () вызывает метод empty () длясуществующий объект DOM.Поэтому попробуйте empty () вместо html () в div и попробуйте append ().Например, 

 $('#vehicle-alt').append('html content');

Также, пожалуйста, попробуйте другие методы манипулирования домом , предоставленные из JQuery.

2 голосов
/ 27 февраля 2013

У меня тоже была эта ошибка.

Решение состоит в том, чтобы проверить HTML-контент, который я пытался распечатать или добавить.

Я пробовал несколько функций jquery: html, append, appendTo ... Но ничего не получалось.

В моем случае HTML имел дополнительный закрывающий тег. Я удалил его, и теперь все работает нормально.

0 голосов
/ 28 сентября 2011

У меня была эта ошибка, когда было два или более элементов с одинаковым идентификатором.Это произошло только в IE7.

Исправлено, конечно, чтобы убедиться, что каждый элемент имеет уникальный идентификатор.

...