Javascript 在HTML头中包含jQuery时Owl转盘未初始化

如果jQuery包含在HTML头部分中（包含在body中工作正常），那么OWLCarousel似乎没有初始化。详细说明：带有owl carousel类的div容器仍然定义了

display:none

。在正确初始化的owl容器中，类

owl-loaded

通过JavaScript添加到容器中，从而导致用

display:block

覆盖

display:none

。此外，忽略“文档准备就绪”上加载的所有选项：

$(document).ready(function () {
    $("#my-carousel").owlCarousel({
        items: 4,
        itemsCustom: false,
        itemsDesktop: [1199, 2],
        itemsDesktopSmall: [980, 2],
        itemsTablet: [768, 2],
        itemsTabletSmall: false,
        itemsMobile: [479, 1],
        singleItem: false,
        startDragging: true,
        autoPlay: 4000
    });
});

但是，我需要在标题中使用jQuery来构建一些使用jqueryui组件的角度指令。有没有初始化owl的方法

我目前使用的版本：

• 猫头鹰转盘v2.2.0
• jqueryv1.11.3

谢谢你的建议

编辑：很抱歉很长时间没有回答你的建议。我没有幸使用了

noConflict

，但作为一种解决方法，我延迟了初始化对我有效的owlCarousel，即使jQuery包含在head部分：

$(document).ready(function () {
    setTimeout(function() {
        $("#my-carousel").owlCarousel({...});
    }, 500);
});

---

似乎问题在于css的特殊性。你能发布完整的HTML吗？你是对的，你应该在页脚中插入

jq

，在

body

中插入

owl.js

，但在你的例子中，解决方案是使用两个

jq

库和

noConflict