2012-03-05 9 views
0

こんにちは、このjquery sort pluginをテーブルに入れてみましたが、jsfiddleはここにありますが、表示されているように動作していません。私がしようとしているのは、何が欠けているのかの中で、名前を並べ替えることだけです。 HTMLでのソートのリンクはID番号のソートPRESIを有しているjquery sort plugin not working

<tbody> 

     <tr> 
      <td><a id="17" href="/clients/17/">George Bush</a></td> 
      </tr> 
    <br><br><br> 
     <tr> 
     <td><a id="11" href="/clients/14/">Barak Obama</a></td> 
     </tr> 
     <br><br><br> 
     <tr> 
     <td><a id="14" href="/clients/14/">Bill Clinton</a></td> 
     </tr> 

</tbody> 
<br><br><br> 
<a href="#" id="sort-presi" class="button">Sort Presidents</a> 

+0

まず、あなたのフィドルで、存在しないidにclickイベントを追加しようとしています。また、htmlが意味的に間違っているとbtwします。 –

答えて

1
  • あなたのHTMLがひどく形成されて
  • あなたのセレクタは、固定され、これらの問題と

Here's a working example間違っている(あなたのリンクが#sort-presiとき#sort-clientsを選択)されます。

1

あなたのクリックイベントは、ID番号のソート・クライアントを呼び出します。 tbodyを含むあなたのHTMLからすべてのテーブル要素を削除してdivで置き換えようとすると、テストしたところうまくいきました。

0

それはすべてあなたの問題を解決します。このfiddleをお試しください:

注:あなたはリンクのIDがどのようにsimilartされていないHTMLでjQueryの機能とソートPRESIでソートするクライアントである必要がありましたフィドルidが同じでないときに関数を呼び出す。

私は(あなたの要件に応じてテーブルをベースにして)あなたが果物や量をクリックして要素をソートする必要があります。

+1

人々はあなたの態度を改善したり迷子になる方があなたの側からの虐待を聞くことができないようにコミュニティを支援しています。 – w3uiguru