对象[ Object ]没有方法“footable”

Question

我计划为我的表使用可引脚jQuery插件来使它们响应，但我没有将它集成到我的网站中。这是我的CSS：

<link href="FooTable-2/css/footable.core.css?v=2-0-1" rel="stylesheet" type="text/css"/>
<link href="FooTable-2/css/footable.metro.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="FooTable-2/js/footable.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.sort.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.filter.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.paginate.js?v=2-0-1" type="text/javascript"></script>
<script src="build/javascripts/application.js" type="text/javascript"></script>

联署材料：

<script type="text/javascript">
    $(function () {
        $('.footable').footable();
    });
</script>     

HTML：

<table class="footable">
<thead>
<tr>
  <th></th>
  <th data-hide="phone,tablet">Nummer</th>
  <th>Vorname</th>
  <th>Nachname</th>
  <th>Adresse</th>
  <th data-hide="phone,tablet">Telefon</th>
  <th>E-Mail</th>
  <th data-hide="phone,tablet">Geburtstag</th>
  <th>Kundentyp</th>
</tr>
</thead>
<tbody>

错误：

$('.footable').footable(); 
Uncaught TypeError: Object [object Object] has no method 'footable'

控制台：

​

我怎么才能解决这个问题？

Answer 1

在application.js (Bootstra3.0)和footable.js之间似乎存在某种冲突。我重新安排了包括的顺序，并解决了这个问题：

application.js现在包含在第一个脚本中：

<script src="build/javascripts/application.js" type="text/javascript"></script>

之后，我包含了所有的FooTable脚本和CSS文件：

<link href="FooTable-2/css/footable.core.css?v=2-0-1" rel="stylesheet" type="text/css"/>
<link href="FooTable-2/css/footable.metro.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="FooTable-2/js/footable.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.sort.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.filter.js?v=2-0-1" type="text/javascript"></script>
<script src="FooTable-2/js/footable.paginate.js?v=2-0-1" type="text/javascript"></script>