onclick - 触摸设备上带有 zurb 基础工具提示的链接中的 onclick 事件

Question

我正在使用 Zurb Foundation 框架 (2.0) 并在链接上有一个工具提示。

<a href="" id="delete-preference" class="has-tip" title="Delete" onclick="return someFunction(0);">x</a>

在桌面上它工作正常，工具提示显示在鼠标悬停上，您可以单击链接触发 someFunction

然而，在触摸设备上，工具提示显示在单击/选项卡上。但是这样你就不能触发 onClick 事件和 someFunction。

你怎么能这样？

Answer 1

寻找：

if (Modernizr.touch) {
    $body.on('click.tooltip touchstart.tooltip touchend.tooltip', settings.targetClass, function (e) {
        e.preventDefault();

代替

e.preventDefault();

和

if($(settings.tooltipClass).css("display") != "block")e.preventDefault();

应该是固定的。