Stackable.js和基础工具提示?

时间:2019-07-24 15:40:14

标签: javascript jquery zurb-foundation stacktable.js

如果在还使用(stackable.js)的表中使用基础(工具提示),则会发生问题。如果工具提示嵌入在可堆叠的表格中,则在较小的屏幕上查看时将不起作用。

我认为这是由于特异性问题所致。此处引用:Click Function in Stackable.js Table?

在Foundation中使用(show)和(Hide)的工具提示方法〜(REF:https://foundation.zurb.com/sites/docs/tooltip.html#js-functions)〜我试图通过复制工具提示显示功能但还包括$('body')来解决此问题。 ...以帮助在移动屏幕上查看时将目标定位在堆叠表内。在较小的屏幕上查看表格时,工具提示仍然不起作用〜我缺少了什么?

CODEPEN:https://codepen.io/jinch/pen/bXpOgM?editors=0010

$('body').on('mouseenter', 'span.has-tip', function(e) {
    e.preventDefault();
    $(this).foundation('show');
}); 

预期的行为是,该工具提示将在较小的屏幕上工作,因为它在不使用stackable.js的表外部也是如此

0 个答案:

没有答案