jQuery .html() 在 ie7 中不显示任何数据，但 ie8 可以工作

Question

谁在使用 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 就像 <div id="vehicle-alt"></div> 一样简单

Answer 1

.html() 方法使用浏览器的innerHTML 属性。某些浏览器可能无法生成完全复制所提供的 HTML 源的 DOM。

似乎 jQuery html() 方法在现有 DOM 对象上调用了empty() 方法。因此，在 div 上尝试使用empty()而不是html()，然后尝试ap​​pend()。例如

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

也请尝试其他dom manipulation menthods由 JQuery 提供。