click不起作用？？！！

adz 2016-01-11 03:10:07

请帮忙看看，hover部分完全正常，但click部分完全无效，知道为什么，请指教。

<script type="text/javascript">
$(document).ready(function(){
maphover();
});

function maphover(){
var self = "";
$(".city").hover(
function(){
self = $(this);
self.addClass("hover").children("div").show();
},
function(){
self = $(this);
self.children("div").hide();
self.removeClass("hover");
}
);

$(".city").click(
function(){
self = $(this);
self.addClass("hover").children("div").show();
},
function(){
self = $(this);
self.children("div").hide();
self.removeClass("hover");
}
);

};

</script>

...全文

415 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

adz 2016-01-11

打赏
举报

版主牛

Go 旅城通票 2016-01-11

打赏
举报

引用 6 楼 adz 的回复:

[quote=引用 5 楼 showbo 的回复:]

       $(".city").click(function () {
            var self = $(this), hover = self.hasClass('hover');
            self[hover ? 'removeClass' : 'addClass']('hover').children("div")['hover' ? 'hide' : 'show']();
        });

这个真漂亮，addclass和removeclass没问题，不过没有show出来，不知道为什么.[/quote] hover变量用字符串扩起鸟。。

$(".city").click(function () { var self = $(this), hover = self.hasClass('hover'); self[hover ? 'removeClass' : 'addClass']('hover').children("div")[hover ? 'hide' : 'show'](); });

adz 2016-01-11

打赏
举报

引用 5 楼 showbo 的回复:

       $(".city").click(function () {
            var self = $(this), hover = self.hasClass('hover');
            self[hover ? 'removeClass' : 'addClass']('hover').children("div")['hover' ? 'hide' : 'show']();
        });

这个真漂亮，addclass和removeclass没问题，不过没有show出来，不知道为什么.

Go 旅城通票 2016-01-11

打赏
举报

       $(".city").click(function () {
            var self = $(this), hover = self.hasClass('hover');
            self[hover ? 'removeClass' : 'addClass']('hover').children("div")['hover' ? 'hide' : 'show']();
        });

long1_2016 2016-01-11

打赏
举报

click没有这种用法应该用toggle 也是单击切换的例如 $(document).ready(function(){ $("p").toggle(function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");} ); });

天际的海浪 2016-01-11

打赏
举报


	$(".city").click(
		function() {
			self = $(this);
			if (!self.hasClass("hover")) {
				self.addClass("hover").children("div").show();
			} else {
				self.children("div").hide();
				self.removeClass("hover");
			}
		}
	);

adz 2016-01-11