Question

我在使用以下两个代码段的跨度上使用bootstrap popover。第一个关闭弹出窗口外的点击，但第二个关闭。在Android和网络上两个弹出窗口都正常关闭，问题只出现在iOS chrome和safari浏览器上。

首先：

<span class="txt">Some text<a href="javascript:void(0);" style="cursor: pointer;" tabindex="0" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="@if(Agent::isMobile()){{ "top" }}@else{{ "left" }}@endif" data-content="Some content here. <a href='#'>Tell me more.</a>"><i class="fa fa-info-circle" style="font-size: 14px; color: #d2d2d2;"></i></a></span>

第二

<span class="tag-tooltip" style="cursor: default;" tabindex="0" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="tag text"><span class="label tut-label label-xs label-{{ $tag->type }}">tag name</span></span>

我在其他问题上尝试了大多数解决方案。但我无法让两者同样工作。我做错了什么？

Answer 1

尝试这个，因为ios我使用touchstart ..！这对我来说很好..曾经......可能这会对你有帮助..！

$(window).bind("click touchstart",function() {
    $('#summaryTooltipContent').fadeOut(500); 
    //give an id that u want to close on touch
});

在iOS

1 个答案: