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');。如果它发出警告，则加载它。

虽然您负责自己的代码，但是插件构建器有点草率，不要对此进行简单的检查。

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

1 个答案: