Question

大家好我刚尝试在我的rails应用程序中使用stupid-table-plugin。

http://joequery.github.io/Stupid-Table-Plugin/

所以，我首先从网站上下载了Zip文件。

在几个例子中，我试图用＆＃39; basic.html＆＃39;

进行测试

这是我尝试过的，但它无效。

我更改了＆＃39; basic.html＆＃39;到＆＃39; basic.html.erb＆＃39;把它放在我的rails视图文件夹上（也为此做了一个路径）
从下载的文件中，我收集了所有与javascript相关的文件并将其放在＆＃39; / app / assets / javascripts＆＃39;，（stupitable.js，stupitable.min.js）

但它没有用。

basic.html.erb看起来像这样

<!DOCTYPE html>
<html>
<head>
  <title>Stupid jQuery table sort</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="stupidtable.js?dev"></script>
  <script>
    $(function(){
      $("#simpleTable").stupidtable();
    });
  </script>
  <style type="text/css">
    table {
      border-collapse: collapse;
    }
    th, td {
      padding: 5px 10px;
      border: 1px solid #999;
    }
    th {
      background-color: #eee;
    }
    th[data-sort]{
      cursor:pointer;
    }
    tr.awesome{
      color: red;
    }
  </style>
  </style>
</head>

<body>

  <h1>Stupid jQuery table sort!</h1>

  <p>This example shows how a sortable table can be implemented with very little configuration. Simply specify the data type on a <code>&lt;th&gt;</code> element using the <code>data-sort</code> attribute, and the plugin handles the rest.</p>

  <table id="simpletable">
    <thead>
      <tr>
        <th data-sort="int">int</th>
        <th data-sort="float">float</th>
        <th data-sort="string">string</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>15</td>
        <td>-.18</td>
        <td>banana</td>
      </tr>
      <tr class="awesome">
        <td>95</td>
        <td>36</td>
        <td>coke</td>
      </tr>
      <tr>
        <td>2</td>
        <td>-152.5</td>
        <td>apple</td>
      </tr>
      <tr>
        <td>-53</td>
        <td>88.5</td>
        <td>zebra</td>
      </tr>
      <tr>
        <td>195</td>
        <td>-858</td>
        <td>orange</td>
      </tr>
    </tbody>
  </table>

</body>
</html>

和我在控制台上的错误

无法加载资源：服务器响应状态为404（未找到）基本：38 未捕获的TypeError：$（...）。stupidtable不是函数

我觉得我的javascript文件存在问题，但我不知道如何设置。

谢谢！请帮帮我

Answer 1

$（ “＃simpleTable”）stupidtable（）; 应该 $（ “＃simpletable”）stupidtable（）;

Rails如何在应用程序上设置stupid-table-plugin？

1 个答案: