Question

我有JQuery代码来更改ID的CSS。如果我使用event hover，它运行良好。但是，当我将其更改为click event时，它无法正常工作，甚至在控制台日志中也没有显示任何内容。我在这里创建了一个片段：

＆＃13;

$(document).ready(function(){
	$("#donatenow").click(function(){
	console.log("klik klik");
		$("#subdonate").show();
		}, function(){
		$("#subdonate").hide();
	});
});

＆＃13;

.subdonate{
	float:left;
	margin-top:-45px; 
	display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="http://buymebook.com/assets/cat/School%20and%20College%20Text%20Books.jpg" style="margin:20px;" class="promo3" id="donatenow" /><br />
			<div class="subdonate" id="subdonate">
				<a href="#"><img src="http://p3cdn4static.sharpschool.com/UserFiles/Servers/Server_1110080/Image/books.jpg" style="margin:20px;" class="promo3" /></a><br />
				<a href="#"><img src="http://p3cdn4static.sharpschool.com/UserFiles/Servers/Server_1110080/Image/books.jpg" style="margin:20px; margin-top:-25px;" class="promo3" /></a>
			</div>

＆＃13;

有谁知道为什么我的jquery失败了？我想要的是，当我点击第一张图像时，第二张和第三张图像会显示出来，但当我再次点击时，第二张和第三张图像会再次隐藏。

Answer 1

试试这个。

这是一个例子：http://jsfiddle.net/aqm7kjbg/4/

只需改变你的jquery。

var count = 1;
$("#donatenow").click(function(){

    if(count % 2){
        $("#subdonate").show();
        count = count + 1;
    }else{
       $("#subdonate").hide();
        count = 1;
    }

});

JQuery on Click for CSS无效

1 个答案: