Bootstrap工具提示焦点不适用于safari和firefox

Question

我正在开发一个项目，在单击某个按钮时在工具提示中添加社交分享按钮。我正在使用bootstrap工具提示并将工具提示触发器设置为“焦点”。这样，如果用户不想选择任何社交分享按钮，他们可以在任何地方点击，工具提示将关闭。这在Chrome中运行良好！然而，这是它唯一可用的浏览器。我已经获得了Firefox（必须将触发器切换为点击而不是焦点并添加一些JS）才能使用一些修复工具，但我仍然无法让Safari工作。现在在safari中我可以点击按钮来显示工具提示，但是当我点击其他地方时它不会消失。所以我的问题是;有没有人知道如何解决这些问题跨浏览器，以便焦点工作？特别是onblur for safari？

代码w / Firefox Fix

的Javascript

    :javascript
      $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();          
        $('[data-toggle="tooltip"]').blur(function(e){
          $('[data-toggle="tooltip"]').tooltip('hide')
        })
      });

HAML

   %div= link_to "Something", post_up_vote_path(post), 
   remote: true, class: 'something btn btn-sm btn-success', 
   :data => {toggle: 'tooltip', placement: 'bottom', 
   trigger: "click", html: 'true'}, 
   :title => "<h5>Share</h5> #{render 'votes/social', :post => post}"