页面旁边莫名出现div role="log"的元素的解决方法

突然发现页面底部莫名奇妙地出现了这样的div标签

<div role="log" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible">

    <div style="display: none;">查找指定分类文件</div><div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div style="display: none;">查找指定分类文件</div>

    <div>查找指定分类文件</div>

</div>

效果是这样的：

 

这种情况是popper.js（支持bootstrap-tooltips）与jquery-ui.js冲突造成的，

把jquery-ui.js引入标签放到popper.js前面就行了