<span class="prev2"><a href="javascript:history.back();">≪前のページ</a></span><script>$(function(){$(".prev2").prependTo(".page-category-category_name .pager,.page-index .pager ")});</script>
そうしたら、便利になって、機能性が向上したんですが、最初のページにも表示してしまうようになるので、最初のページにだけは表示しないようにしたいんですが、どうしてもやりかたがわかりません。
どなたか詳しい方、教えていただけないでしょうか。
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>
そちらのページには、「次ページ」というページャーしか、表示されていませんが。
2015/11/09 22:50:18条件分岐で自己解決いたしました。ご協力ありがとうございました。
2015/11/10 12:45:49