jQuery html() 在 ajax() 调用返回 html5 后无法在 IE 中工作

Question

我有这样的代码：

$(function(){



    $('body').append('<div id="tooltipMaterials"><span id="arrow"></span><div id="inside"></div></div');
                var $tooltip = $('#tooltipMaterials');
                $tooltip.hide();
                $('.material a').mouseenter(function(){
                    var index = $(this).index();
                    var offset = $(this).offset();
                    var top = offset.top+46;
                    var left = offset.left-$tooltip.width()+46;
                    $tooltip.css({top:top+'px',left:left+'px'});
                    $tooltip.children('#inside').empty();
                    $tooltip.prepend('<span id="preloader"></span>');
                    $tooltip.fadeIn(200);

                    $.ajax({
                        url:'materials.htm',
                        dataType: 'html',
                        cache: false,
                        error:function(xhr, status, errorThrown) {
                            alert(errorThrown+'\n'+status+'\n'+xhr.statusText);
                        }, 
                        success:function(data){
                            $('#preloader').remove();
                            alert(data);
                            alert($(data).find('.item:eq('+index+')').html());
                            $tooltip.children('#inside').html($(data).find('.item:eq('+index+')'));
                        }

                    });
                }).mouseleave(function(){
                    $tooltip.hide();
                }).click(function(){return false;});
            });

在 IE 中查找不起作用。它不返回任何内容。

Answer 1

问题是我正在尝试
获取 html5 文档....

结合您正在谈论的 Internet Explorer 事实就可以解释这一点。

这应该告诉您需要知道的一切：

http://jdbartlett.github.com/innershiv/

但是，shiv 不起作用
当元素的 Internet Explorer
内容之前用innerHTML添加
被附加到文档中。那是
一个常见的用例，并且引人注目
当你尝试使用像 jQuery 这样的库时
附加或加载（等）HTML5 内容。

另一个有很好解释的资源：http:// /css-tricks.com/html5-innershiv/