jquery - 使用 touchstart 关闭 iphone/ipad 上的 jQuery Tools 工具提示

Question

如果检测到 iphone/ipad/ipod，我会运行以下代码:

$('.tooltip-trigger').tooltip({offset: [20, -110],relative:true, events: { def: 'touchstart,blur'} });

我通过声明 def:'touchstart' 使初始触摸工作，而不是悬停，但是框没有关闭，并且调用像 def: 'touchstart,touchstart' 这样的另一个 touchstart 不起作用。 def: 'toggle' 也不符合我的逻辑。

有什么想法吗？

Answer 1

我也做了同样的事情。方法如下:

var isiPad = navigator.userAgent.match(/iPad/i) != null;

我的工具提示功能如下所示:

$(function() {
    $(document).tooltip({
        items: "[data-fn]",
          content: function() {
              var element = $( this );
              if ( element.is( "[data-fn]" ) ) {
              var s = element.attr('data-fn');
              var fn = /* some text content */

              if (isiPad) fn += "<div align=right'><a href='#' class='ipadTooltipHack'>close</a></div>";
              return fn;
              } 
          }     
       });
});

最后我添加了这个:

$('.ipadTooltipHack').tooltip('close');

似乎有效。

我尝试向工具提示功能添加一个 hide: 选项，以在 10 秒后自动隐藏，该选项有效，但随后您无法再次打开该工具提示，直到打开另一个工具提示。