IE上的jQuery appendTo问题

Question

下面的代码在Firefox，Safari等上正常运行，完全没有错误。 但不适用于任何IE，也会报告错误。 有人可以帮忙吗？

的HTML

<p class="tooltip-ent">...</p>

jQuery的

$('<span class="tt-icon-ent">Something</span>').appendTo('.tooltip-ent');
$('<span class="tt-popup-ent">PopupContent</span>').appendTo('.tt-icon-ent');
$('.tt-icon-ent').mouseover(function() { $('.tt-popup-ent', this).addClass('tt-popup-show'); });
$('.tt-icon-ent').mouseout(function() { $('.tt-popup-ent', this).removeClass('tt-popup-show'); });

的CSS

对于“ tt-popup-show”，基本上显示块和位置的绝对值

Answer 1

好的，这对我来说可以跨浏览器使用：

$(document).ready(function() {
                $('.tooltip-ent').append('<span class="tt-icon-ent"><img src="media/img/icon_ent_small_dark.png" /></span>');

                $('.tt-icon-ent').append('<span class="tt-popup-ent"><span class="link"><a href="#">See all Features</span></span><span class="text">This feature is<br /> available in our<br /> Enterprise Editions.</span>');


                $('.tt-icon-ent').mouseover(function() { $('.tt-popup-ent', this).addClass('tt-popup-show'); });
                $('.tt-icon-ent').mouseout(function() { $('.tt-popup-ent', this).removeClass('tt-popup-show'); });


            });

将$('.tt-icon-ent').mouseover(function()位更改为： $('.tt-icon-ent').live('hover', function() {

...并确保它在 $(document).ready() ，应该将实时悬停函数委派给动态附加的元素:)

Answer 2

尝试一下：

$('<span/>', {'class': 'tt-icon-ent'})
    .append(
        $('<img/>', {src: 'media/img/icon_ent_small_dark.png'})
    )
    .appendTo('tooltip-ent');