Javascript 测试功能'；人的存在不存在'；我不能正常工作

使用，我试图调用我的插件的主函数，如果它存在，但是测试失败，尽管函数实际上存在（插件在我的页面上正常工作）

我稍微修改了代码，先执行测试，然后调用函数。我应该在控制台中看到“是”，因为插件可以工作，而我看到的是“否”

我做错了什么

if (typeof owlCarousel === 'function') { 
  console.log('yes');
}
else {
  console.log('no');
}
$('.owl-carousel').owlCarousel({
   items: 1
});

---

要测试jQuery插件是否存在，您应该检查它是否在jQuery命名空间中定义

if ( "owlCarousel" in $.fn && typeof $.fn.owlCarousel === "function") {
    $('.owl-carousel').owlCarousel({
        items: 1
    });
}

---

要测试jQuery插件是否存在，您应该检查它是否在jQuery命名空间中定义

if ( "owlCarousel" in $.fn && typeof $.fn.owlCarousel === "function") {
    $('.owl-carousel').owlCarousel({
        items: 1
    });
}

---

首先，您需要在if（true）块中为owlCarousel添加代码，这样它就不会在false上执行

if (typeof owlCarousel === 'function') { 
  console.log('yes');
  $('.owl-carousel').owlCarousel({
     items: 1
  });
}
else {
  console.log('no');
}

尝试将代码包装到文档中

$( document ).ready(function() {
       if (typeof owlCarousel === 'function') { 
      console.log('yes');
      $('.owl-carousel').owlCarousel({
         items: 1
      });
    }
    else {
      console.log('no');
    } 
});

---

要允许您的库，请先加载。

首先，您需要在if（true）块中为owlCarousel添加代码，这样它就不会在false上执行

if (typeof owlCarousel === 'function') { 
  console.log('yes');
  $('.owl-carousel').owlCarousel({
     items: 1
  });
}
else {
  console.log('no');
}

尝试将代码包装到文档中

$( document ).ready(function() {
       if (typeof owlCarousel === 'function') { 
      console.log('yes');
      $('.owl-carousel').owlCarousel({
         items: 1
      });
    }
    else {
      console.log('no');
    } 
});

要允许您的库，请先加载