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

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>"));

如果确实如此，这似乎解决了定位问题。