网站 › 『编程语言讨论求助区』 › 求JS大神指教hover改成.click点击没有反应

独行剑侠 发表于 2021-6-14 20:24

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

本帖最后由 独行剑侠 于 2021-6-25 16:27 编辑

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



$("#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 发表于 2021-6-14 20:33

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

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

本帖最后由 kk159 于 2021-6-14 20:52 编辑

$('#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（）测试下

独行剑侠 发表于 2021-6-15 09:35

本帖最后由 独行剑侠 于 2021-6-25 10:16 编辑

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


感谢回复。
不是您发的那一段。
我是想
$("#search-icon, .search-engine").hover(function() {
$(".search-engine").css("display", "block")
},
function() {
$(".search-engine").css("display", "none")
}),

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

独行剑侠 发表于 2021-6-15 09:35

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

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

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

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

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

独行剑侠 发表于 2021-6-16 10:51

kof21411 发表于 2021-6-15 13:15
$("#search-icon").click(function(){
        if($(".search-engine").is(':hid ...

感谢大神！！！{:1_893:}

独行剑侠 发表于 2021-6-16 11:39

本帖最后由 独行剑侠 于 2021-6-25 10:16 编辑

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


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




      //点击切换
      $("#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);}); //需要隐藏的元素
                }
            });

查看完整版本: 求JS大神指教hover改成.click点击没有反应