Trung tâm cá nhân
sách gpt4 ai đã đi

jquery - ẩn div onclick, ẩn div setTimeout

In lại 作者：行者123 更新时间：2023-11-28 16:18:14 30 4
mua khóa gpt4 Nike

我正在尝试做某事。如果单击一个Thêm vào #add-conferance 然后菜单将显示.add-contact。当点击隐藏然后它显示隐藏。我也将 setTimeout 设置为 7sec，但我希望当我的鼠标在 .add-contact 外部时触发此 setTimeout 这意味着当鼠标不在该菜单上时，几秒钟后菜单将隐藏。

 $('#add-conferance').click(function () {
            $('.add-contact').animate({right: "0%"}, 600, 'swing');
      window.setTimeout(function(){$(".add-contact").animate({right: "-60%"}, 900, 'swing');}, 7000);
        trả về false;
 });

  $('#hide-conferance').click(function () {
            $('.add-contact').animate({right: "-60%"}, 600, 'swing');

        trả về false;
 });

DEMO

1 Câu trả lời

您需要添加 mouseleave事件到 .add-contact 然后:

 $('#add-conferance').click(function () {
     $('.add-contact').animate({right: "0%"}, 600, 'swing');
     trả về false;
 });

  $('#hide-conferance').click(function () {
     $('.add-contact').animate({right: "-60%"}, 600, 'swing');
     trả về false;
 });

 $('.add-contact').mouseleave( function() {
     window.setTimeout(function(){$(".add-contact").animate({right: "-60%"}, 900, 'swing');}, 7000);
 });

thử nghiệm

如果您希望它在用户将鼠标移到 block 外然后在 7000 毫秒之前再次将其指向那里时不隐藏，您需要添加超时处理程序并使用 mouseenter事件:

 var hideHandler;
 $('.add-contact').mouseleave( function() {
     hideHandler = window.setTimeout(function(){$(".add-contact").animate({right: "-60%"}, 900, 'swing');}, 7000);
 });
 $('.add-contact').mouseenter( function() {
   window.clearTimeout(hideHandler);
 });

thử nghiệm

关于jquery - onclick div 隐藏，setTimeout div 隐藏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37325465/

30 4 0
Bài viết được đề xuất: html - 用 flexbox 包装内联嵌套列表
Bài viết được đề xuất: javascript - 循环json编码数据
Bài viết được đề xuất: html - 防止 float div包裹错误
Bài viết được đề xuất: javascript随机数使获得某些值的机会更大
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com