javascript - Owl Carousel 破坏了 Bootstraps 模态

标签 javascript jquery css twitter-bootstrap owl-carousel

我想在页面加载时调用 Bootstrap 模式。但模态显示不正确,只是 body 得到“模态打开”, body 不滚动,因为隐藏了样式溢出。我知道因为我的 js 文件中有 Owl 轮播代码,所以发生了这个错误。 删除 Owl carousel js 文件时 Bootstrap 正常工作。

这个问题有什么解决办法吗?

在此链接中,您可以看到问题所在。 https://codepen.io/ghaem/pen/mzOLey

尽管 $('#myModal').modal('show'); 模式不会在加载页面上运行。

最佳答案

缺少 jquery 文档准备功能

<script>
    $( document ).ready(function() {
        $('#myModal').modal('show');
    });
</script>

关于javascript - Owl Carousel 破坏了 Bootstraps 模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52701258/

相关文章:

html - 字体未在实时站点上显示但在本地显示

javascript - WordPress JavaScript 403 错误

jquery - 清除引导文件上传上的文件

javascript - 如何使用 javascript 删除元素但不删除其内容?

javascript - Jquery 函数永远不会在调用它的第一个实例上运行

html - Flexbox 未垂直居中内联 block 跨度

javascript - 在 Django 中的 AJAX POST 请求后重新加载模板

javascript - 将对象转换为适合 ajax post 的数组

javascript - 正则表达式在 javascript 中测试像 com.abcdefghij 这样的包

css - 背景属性在 IE 中不显示