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

这似乎解决了定位问题，如果这就是它。

悬停功能用于警报但无法附加span标记

1 个答案: