2017-05-30 16 views
0

我在跨度上使用以下兩個代碼片段中的自舉彈出窗口。第一個關閉popover外的點擊,但第二個沒有。 在android和web上都可以正常關閉彈出窗口,但問題僅出現在iOS Chrome瀏覽器和Safari瀏覽器上。Bootstrap Popovers不會隱藏在iOS上的外部點擊上

第一:

<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>

我已經試過最這裏給出其他曲的解決方案estions。但我無法讓兩者工作相同。我做錯了什麼?

回答

0

試試這個,對於ios我與touchstart合作..!這對我來說工作得很好..一次嘗試..!可能這會幫助你..!

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