将popper JS和Bootstrap 4添加到MediaWiki页面会干扰导航栏下拉菜单

时间:2018-10-16 05:11:47

标签: bootstrap-4 mediawiki popper.js

我尝试将以下脚本添加到mediawiki的页面上。弹出器工作正常,但是导航栏中的引导程序下拉列表却没有。如果我删除boostrap script标记,则弹出程序将停止工作,但引导程序navBar可以正常工作。我认为mediawiki模板也可能附带了引导脚本。

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<script>
    jQuery(document).ready(function(){
      jQuery('[data-toggle="popover"]').popover({animation: true, html: true});
    });

    jQuery('body').on('click', function (e) {
          //did not click a popover toggle, or icon in popover toggle, or popover
          if (jQuery(e.target).data('toggle') !== 'popover')
              if (!jQuery(e.target).hasClass('popover-body'))
                  if(jQuery(e.target).parents('[data-toggle="popover"]').length === 0)
                      if(jQuery(e.target).parents('.popover.in').length === 0){
                  jQuery('[data-toggle="popover"]').popover('hide');
              }
      });
</script>

0 个答案:

没有答案