Question

当我将鼠标悬停在立方体下面的文字时..... 我需要在其中显示一个带有文字的小窗口.... 我从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>

HTML：

<div class="cubeCell" data-text="CRM" 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

首先请不要提供类似的小提琴。不过，将不同的语言分隔到相关的框中，并使用资源标签链接到文件。它让我们更清楚地帮助我们。

其次不包含与之无关的代码，例如google分析脚本，是的，您需要花费更多时间来设置小提琴以作为示例使用，但您会得到更快的响应。

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

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

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

将文本悬停在完整表格中

1 个答案: