求JS大神指教hover改成.click点击没有反应

独行剑侠

以下为代码，我把.hover改为.click或者mousedown想点击出现菜单，发现点击没有反应，求助求助求助

[JavaScript] 纯文本查看 复制代码

$("#search-icon, .search-engine").hover(function() {
$(".search-engine").css("display", "block")
},
function() {
$(".search-engine").css("display", "none")
}),
$("#hot-btn").on("click",
function() {
"true" == storage.stopHot ? ($(this).prop("checked", !1), storage.stopHot = !1) : (storage.stopHot = !0, $(this).prop("checked", !0)),
console.log(storage.stopHot)
}),

kof21411

.click和.hover的参数不同啊，直接改当然不行

kk159

[JavaScript] 纯文本查看 复制代码

$('#hot-btn').click(function () {
            "true" == storage.stopHot ? ($(this).prop("checked", !1), storage.stopHot = !1) : (storage.stopHot = !0, $(this).prop("checked", !0)),
console.log(storage.stopHot)
        })

又或者你前面的script影响 未执行成功，你alert（）测试下

独行剑侠

kk159 发表于 2021-6-14 20:45

感谢回复。
不是您发的那一段。
我是想

[Asm] 纯文本查看 复制代码

$("#search-icon, .search-engine").hover(function() {
$(".search-engine").css("display", "block")
},
function() {
$(".search-engine").css("display", "none")
}),

这一段的"display", "block"，"none"的鼠标悬停改为鼠标点击，我看到了有.hover，想改为.click或者mousedown想点击出现菜单

独行剑侠

kof21411 发表于 2021-6-14 20:33
.click和.hover的参数不同啊，直接改当然不行

谢谢回复。
那请教如何修改，或者有没有类似接近的，教程教学参考一下，谢谢

kof21411

独行剑侠 发表于 2021-6-15 09:35
谢谢回复。
那请教如何修改，或者有没有类似接近的，教程教学参考一下，谢谢

[JavaScript] 纯文本查看 复制代码

$("#search-icon").click(function(){
	if($(".search-engine").is(':hidden')){
		$(".search-engine").show()
	}
	else{
		$(".search-engine").hide()
	}
}
)

独行剑侠

kof21411 发表于 2021-6-15 13:15
[mw_shl_code=javascript,true]$("#search-icon").click(function(){
        if($(".search-engine").is(':hid ...

感谢大神！！！

独行剑侠

kof21411 发表于 2021-6-15 13:15

感谢！，再度返回看书，改成了

[JavaScript] 纯文本查看 复制代码

        //点击切换
        $("#search-icon").click(function () {
                if ($(".search-engine").is(':hidden')) {
                    $(".search-engine").show(function () {$('#search-icon').fadeTo('slow', 0.55);})
                } else {
                    $(".search-engine").hide(function () {$('#search-icon').fadeTo('slow', 1);})
                }
            });
            //空白区域隐藏
            $(document).bind("click", function (e) {
                var con_one = $("#search-icon"); // 设置目标区域
                if (!con_one.is(e.target) && con_one.has(e.target).length === 0) {
                    $(".search-engine").hide(function () {$('#search-icon').fadeTo('slow', 1);}); //需要隐藏的元素
                }
            });