我想要实现的是,我想使其像星级星级一样工作。当您输入鼠标时,星形变为黄色,当您离开鼠标时,星形变为灰色,如果再次单击,则变为黄色。
没有获得实现的方法,我添加了代码以向您展示到目前为止我已经尝试过的内容。
JSfiddle
$(".na").hover(
function () {
$(this).addClass("clickstar");
},
function () {
$(this).removeClass("clickstar");
}
);
$(".na").on("click",function(){
$(this).toggleClass("clickstar");
});
.clickstar{
background: #00A1EF;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="na" style="border:1px solid #c0c0c0;border-radius:50%;width:115px;height:115px;display:inline-table;margin-right:5px;"></div>
最佳答案
您可以这样做:
$(".na").on("click",function(){
$(this).toggleClass("clickstar");
});
Fiddle Example