javascript - 悬停功能适用于警报但无法附加跨度标签

Question

悬停功能适用于显示警报....但我无法显示带有 span 标签的附加文本....不知道它发生了什么...在下面提供我的代码.....

$('document').ready(function () {
    window.setTimeout(function () {
        $('.cubeCell').each(function () {
            var htmlText = $(this).attr('data-text');
            $(this).append('<div class="cubeTextStyle">' + htmlText + '</div>');
            $(this).hover(

            function () {
                //alert("123");
                $(this).append($("<span> ***</span>"));
            },

            function () {
                $(this).find("span:last").remove();
            });
        });
    }, 600);
});


<div class="cubeCell"
     data-text="hover here"
     class="desktopContactImage cubeCell"
     data-caption="&lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Inventory/Partnumber/?ps=list' &gt;Register&lt;/a&gt; &lt;div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Bom/Bom/?ps=list' &gt;Demo&lt;/a&gt; &lt;/div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' &gt;Reports&lt;/a&gt;"
     data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/guest.png"
></div>

Answer 1

我对标记以及如何实现旋转框知之甚少（一无所知），但我想知道您是否尝试在 cubeStyleText 旁边显示文本，因为您将跨度附加到悬停时的同一位置但是相反，如果是这种情况，它会出现在盒子后面，而不是

$(this).append($("<span> ***</span>"));

用这个

$(this).children(".cubeTextStyle").append($("<span> ***</span>"));

如果是这样的话，这似乎可以解决定位问题。