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

はてなブログの「トップページ」と「カテゴリ別のトップページ」には、「次のページ」というリンクはありますが、次のページに行ったら、「前のページ」に戻るリンクがついていなくて、不便なので、以下のようにコードを考えて、自力でつけてみました。

<span class="prev2"><a href="javascript:history.back();">≪前のページ</a></span><script>$(function(){$(".prev2").prependTo(".page-category-category_name .pager,.page-index .pager ")});</script>

そうしたら、便利になって、機能性が向上したんですが、最初のページにも表示してしまうようになるので、最初のページにだけは表示しないようにしたいんですが、どうしてもやりかたがわかりません。
どなたか詳しい方、教えていただけないでしょうか。

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

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー

TOPページ以外(主に「次のページ」をクリックした後のURLが「page=2」なるようなページ)には自動的に前のページに戻るリンクが表示されるので、TOPページより一覧を見て行った時のみに表示させるようにしました。

<script>
(function () {
function displayPrevBtn() {
var target = document.getElementsByTagName("html")[0].dataset.blogsUriBase + '/?page=';
if (location.href.indexOf(target) === 0) {
$("<span></span>", {
addClass: "pager-prev",
on: {
click: function (e) {
history.back();
}
}
}).append(
$("<a>≪前のページ</a>", {
href: "#_"
})
).prependTo(".pager");
}
}
//DOM生成完了時にスタート
if (document.readyState == "uninitialized" || document.readyState == "loading") {
window.addEventListener("DOMContentLoaded", function () {
displayPrevBtn();
}, false);
} else {
displayPrevBtn();
}
})();
</script>

こちらをお試しください。(あまり上手いコードではありません。)

#追記・編集
ボタンの表示はされますが、表示させる場所の指定にミスが有った為修正しました。
回答に1行で対応するコードを追加しました。

<script src="//niyari.github.io/hatenablog-modules/index-prev-button.min.js" charset="utf-8" async defer></script>

Michiko_70554148さんのコメント
ありがとうございます。 やってみたんですが、表示されませんでした。

ぽけっとしすてむさんのコメント
http://psn.hatenablog.jp/?page=1446904801 こちらでは表示されています。

Michiko_70554148さんのコメント
そちらのページには、「次ページ」というページャーしか、表示されていませんが。

Michiko_70554148さんのコメント
条件分岐で自己解決いたしました。ご協力ありがとうございました。
関連質問

●質問をもっと探す●



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