Question

我得到一个主要问题是bootstrap popover，它在桌面上工作正常，但在移动设备上却没有。当我点击按钮时弹出它是第一次点击并点击第二次点击事件时打开工具提示。

在排序： bootstrap popover中，在移动设备的一次点击中没有触发事件，而是显示工具提示。

我希望在移动设备上禁用它，或者使用工具提示触发事件。

让我展示代码：

HTML

<div class="container">
  <h3>Popover Example</h3>
  <a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content" class="">Hover over me</a>
</div>

的JavaScript

$('[data-toggle="popover"]').popover();   
    $('[data-toggle="popover"]').click(function(){
        alert("I am clicked");
})

我尝试了什么

var win = $(window).width();
   if(win<767) {
      $('[data-toggle="popover"]').removeAttr('data-toggle');
      // Or something like this disable popover
      $('[data-toggle="popover"]').popoverDisabled();
    }

那么，是否有任何功能或属性可以解决这个问题，任何帮助/建议都会受到欢迎。

Answer 1

这将起作用：$('.className').popover('disable');

仅适用于移动设备，例如：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $('.className').popover('disable');
}

Answer 2

首先检查手机版本运行此功能： -

detectmob();
function detectmob() {
   if(window.innerWidth <= 800 && window.innerHeight <= 600) {
     $('[data-toggle="popover"]').popover("hide");
   } else {
     return false;
   }
}

如何在移动设备中自动禁用引导程序弹出窗口

2 个答案: