ブログを編集していると、画像の処理が面倒なことに気がついた。
メディアファイルが増えるにつれて、最新画像が下へ下へと行ってしまう。
最新画像を上に表示するためには、その都度更新日時をクリックしなけれならない。
地味に面倒なので、デフォルトで最新画像が上に表示されるようにしてみた。
コードを修正してみる
フォルダ
/js/の中にある.jsファイルをそれぞれ次のように修正する。
インラインフレーム用の修正方法
iframe.js
11行目
$(document).ready(function() {
//メディア管理
$(“#media”).tablesorter({sortList :[[1,1],[0,1]],
左メニュー中段の修正方法
admin.js
16行目
$(document).ready(function() {
//タグ入力
$(“#tag”).jTagging($(“#taglist”), “,”);//メディア管理
$(“#media”).tablesorter({
sortList :[[1,1],[0,1]],
更新日時を降順で表示することができました。
応用してみる
sortList :[[1,1],[0,1]],
[1.1] → データの2番目を降順で並び替え
[0,1] → データの1番目を降順で並び替え
と行った感じで設定することができます。
参考にしたサイト
tablesorter の sortList オプションでページ表示時の並び基準を指定
jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表(テーブル)において、ページを読み込んだとき、どの列を基準に並べるかを指定する方法。ページを読み込んだときの並び替え基準...
コメント