これが私が使用しているコードです
$(document).ready(function(){
$('.likeBtn').click(function() {
$(this).toggleClass('clicked');
});
});
単独では機能しますが、必要な場所に配置すると、約 3 div 内で機能しなくなります。なぜですか?
ここで使用しようとしているのを見ることができます:http://absdfsderedfdsfrr.tumblr.com/
CSS
.like_button {
width: 100%;
height: 100%;
position: absolute;
margin: 0;
top: 0;
left: 0;
opacity: 0;
}
.like_button iframe {
width: 100%;
height: 100%;
}
ul#meta li.likeBtn {
display: block;
width: 21px;
height: 20px;
position: relative;
background: url('http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png');
}
ul#meta li.clicked {
background: url('http://static.tumblr.com/uiqhh9x/Y36m6h0qu/liked.png')!important;
}
HTML (ただし、div に埋もれています)
<ul id="meta">
<li class="likeBtn">{LikeButton color="grey" size="20"}</li>
</ul>