人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptの質問です jqueryのtable sorterの設定をしています
並替 の画像を押すと降順
もう一回押すと 昇順に並んで欲しいのですが
その場合どのようにjavascriptを書けばいいのか教えて下さい
一応ここまで書きましたが動きません
http://jsfiddle.net/n7fxcxfL/19/

●質問者: takanii
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
●500ポイント ベストアンサー

テーブルの外からソートさせるサンプルがありますね。
jQuery plugin: Tablesorter 2.0 - Sort table using a link outside the table
sorton というイベントを発火させて、ソートの方法を sortList の形式で渡せばいいようですね。これを参考に書けそうですか?


takaniiさんのコメント
リンク先の Sort first and third columns というリンクボタンを押すと昇順になるのはわかるのですが もう一回このボタンを押したら降順に なって欲しいのです。

Lhankor_Mhyさんのコメント
ですから……、同じことですよね? >|javascript| var sorting = [[0,0]]; ||< と、 >|javascript| var sorting = [[0,1]]; ||< との、両方を用意すればいいことです。 なにか、サンプルを書いた方が分かりやすいですか?

takaniiさんのコメント
お願いします。。

takaniiさんのコメント
条件分けの書き方がいまいちわからなくて・・

Lhankor_Mhyさんのコメント
http://jsfiddle.net/uyf5sm2a/ こちらでどうでしょうか? 動作のさせ方、分かりますか? 回答に書いたとおり、sorton というイベントを発火させて、ソートの方法を sortList の形式で渡せばできます。

takaniiさんのコメント
お返事遅れてすみません。 ひとつお聞きしたいのですが こちらにどうやってjquery.tablesorter.pager.js を呼び出しているんでしょうか?

Lhankor_Mhyさんのコメント
左ペインに「External Resources」というメニューがあると思うんですが、こちらに外部ファイル読み込みを書くことができます。

takaniiさんのコメント
おおお、なるほど こんな便利な機能があったんですね

takaniiさんのコメント
http://jsfiddle.net/uyf5sm2a/ こちらのファイルがローカル環境で動かしても動かないので悪戦苦闘していましたが javascriptの最初と最後に 以下を入れて動くことが出来ました。 ありがとうございました。 $(function() { });
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ