Javascript 悬停全文

当我将鼠标悬停在立方体下方的文本上时。。。。。 我需要显示一个包含文本的小窗口。。。。 我从js获得了文本，但不确定如何与悬停功能集成。。。。 你能告诉我如何实施它吗。。。。 在下面提供我的代码。。。。。 当我将鼠标悬停在CRM上时，它应该显示客户关系管理。。。。。 在下面提供我的代码。。。 当我将鼠标悬停在文本框上时，悬停功能工作正常。。。。 但我不知道如何获取立方体下方的文本。。。。。。 我已经包括了onmouseover和onmouseout函数。。。。。 但是我不知道如何实现立方体下面的文本

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

<script type="text/javascript">
                function showStock(ii) {
                    var sh = $(ii).parent().find($('.divStock'));
                    var sharrow = $(ii).parent().find($('.stockarrow'));
                    sh.show();
                    sharrow.show();

                }
                /**
                 * hide stock
                 */
                function hideStock(ii) {
                    var shs = $(ii).parent().find($('.divStock'));
                    var sharrows = $(ii).parent().find($('.stockarrow'));
                    shs.hide();
                    sharrows.hide();
                }
                </script>

$（'document'）.ready（函数（）{
setTimeout（函数（）{
$（'.cubeCell'）。每个（函数（）{
var htmlText=$（this.attr（'data-text'）；
$（this.append（“”+htmlText+“”）；
});
}, 600);
});
功能展示库（二）{
var sh=$（ii）.parent（）.find（$（'.divStock'））；
var sharrow=$（ii）.parent（）.find（$（'.stockarrow'））；
sh.show（）；
sharrow.show（）；
}
/**
*生皮
*/
功能hideStock（二）{
var shs=$（ii）.parent（）.find（$（'.divStock'））；
var sharrows=$（ii）.parent（）.find（$（'.stockarrow'））；
shs.hide（）；
sharrows.hide（）；
}

HTML:

---

首先，请不要提供这样的小提琴。此外，请将不同的语言分隔到相应的框中，并使用“资源”选项卡链接到文件。这让我们的帮助更加清晰

第二，不要包含不相关的代码，例如谷歌分析脚本，是的，你需要更多的时间来格式化小提琴作为例子，但你会得到更快的响应

如果您只需要将鼠标悬停在CSM上，并在其下方显示“客户关系管理”，则可以执行以下操作

$('.cubeTextStyle').hover(
   function(){
      $(this).append('<span>Customer Relationship Management</span>');
   },
   function(){
      $('.cubeTextStyle span').remove();
   }
);

$（'.cubeTextStyle'）。悬停(
函数（）{
$（此）.append（‘客户关系管理’）；
},
函数（）{
$（'.cubeTextStyle span'）.remove（）；
}
);

---

我没有使用你的提琴，因为我不会筛选你所有的代码，但请看这个。

你的JSFIDLE格式不正确。遵循JSFIDLE建议并去除不需要的元素（javascript包含、css包含等）。也可以查看Lowkase所指的内容，单击TidyUp按钮。您不需要

window.setTimeout（function（）{

。您可能想看看如何在jQuery UI工具提示小部件中使用自定义内容：@all:我更新了小提琴，你们能帮我吗

$('.cubeTextStyle').hover(
   function(){
      $(this).append('<span>Customer Relationship Management</span>');
   },
   function(){
      $('.cubeTextStyle span').remove();
   }
);