这是我正在使用的代码
$(document).ready(function(){
$('.likeBtn').click(function() {
$(this).toggleClass('clicked');
});
});
它单独工作时可以工作,但是当我把它放在我需要的地方时,在大约三个 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>