気楽に生きよう!

うつ病、野球、エンタメ 色々喋るよ

タグごとに「続きを読む」ボタンの背景画像を設定しようとして失敗した件

スポンサーリンク

この記事はご覧のスポンサーの提供でお送りします

f:id:nuruta:20170312013233j:plain
なにかしらカスタマイズをしたいんだろうね。
余計な事まで思いついては手を出してる。

失敗した。

そもそもが「続きを読む」ボタンって1つの要素名で作られていて、そんな当たり前のことに気づかずに、スクリプトを組んでいたんですよ。

$(function(){
	var topEntries = $(".entry-inner");
	var presentCategory2 = "";
	var x=1;
	topEntries.each(function(){
		var archiveEntry = $(this);
		var cateX = archiveEntry.find(".categories");
		presentCategory2 = cateX.text();
		
		if (presentCategory2.indexOf("漫画") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004904.jpg?1489333839")'});
		} else if(presentCategory2.indexOf("アニメ") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004908.jpg?1489334010")'});
		} else if(presentCategory2.indexOf("映画") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004939.jpg?1489334033")'});
		} else if(presentCategory2.indexOf("フィギュア") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004906.jpg?1489333982")'});
		} else if(presentCategory2.indexOf("ラノベ") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004938.jpg?1489334021")'});
		} else if(presentCategory2.indexOf("ゲーム") > -1) {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004905.jpg?1489333950")'});
		} else {
			$('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004907.jpg?1489333999")'});
		}
		x++;
	});
});

わざわざ背景画像まで用意して、さ。

動くには動くんだけれど、当然「最後に読まれた記事のタグに準じた画像」になるだけで、「個別に画像を設定」なんてことにはならない訳で。
普通こんなことしないんだろうから、ググっても答えが出て来なくて窮しています。

続きを読むボタン、それぞれを別個に区分け出来るようになればいいんだけれど…。
そんなこと出来るんかな?