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');到插件文件的開頭。如果它警報，它的加載。

---

當你有責任爲自己的代碼，它是從插件建設者有點草率不要對此有一個簡單的檢查。