TypeError：$ navigation.find（...）。tab不是函数

Question

我正在使用jquery.bootstrap.wizard来实现paper-bootstrap-wizard，我不知道为什么会得到以下问题。

TypeError: $navigation.find(...).tab is not a function 

$navigation.find('a:first').tab('show'); 

这是我的application.js文件

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap.min 
//= require jquery.min 
//= require toastr 
//= require owl.carousel.min 
//= require parsley.min 
//= require jquery.bootstrap.wizard 
//= require jquery.validate.min 
//= require paper-bootstrap-wizard 
//= require home 

Answer 1

这是一个狡猾的问题。这是因为$navigation（或任何你想通过.find()选择）不是一个有效的jquery对象。它存在吗？
你得到那个错误的原因并不是因为插件不存在，而是因为该元素不存在，插件试图“选中”它。

// This will likely give the same error: 
$("#nonExistingElement").tab{ /*... */} 

如果你想检查是否正在加载文件，添加一个简单的alert('test');到插件文件的开头。如果它警报，它的加载。

---

当你有责任为自己的代码，它是从插件建设者有点草率不要对此有一个简单的检查。