Click for CSS上的JQuery无法正常工作

debugcn 发表于 Dev

十字架范德

我有JQuery代码来更改ID的CSS。如果我使用event hover，它将运行良好。但是，当我将其更改为a时click event，它不起作用，控制台日志中什至没有任何显示。我在这里创建了一个代码段：

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

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

<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>

有谁知道为什么我的jQuery失败？我想要的是，当我单击第一幅图像时，第二和第三幅图像会显示，但是当我再次单击时，第二幅和第三幅图像将再次隐藏。

黄腾腾

试试这个。

这是一个示例：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;
    }

});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。