热门关键字:
jquery > jquery教程 > jquery教程 > 如何在jQuery元素外部单击时隐藏下拉菜单

如何在jQuery元素外部单击时隐藏下拉菜单

248
作者:管理员
发布时间:2021/2/6 14:24:59
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3910
答:使用jQueryon()方法
您可以将jQueryclick()方法与该on()方法结合使用,以在用户在触发元素之外单击时隐藏下拉菜单。


让我们看下面的示例,以了解其基本工作原理:


例试试这个代码»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Hide Dropdown on Click Outside</title>
<style>
    ul{
        padding: 0;
        list-style: none;
        background: #f2f2f2;
    }
    ul li{
        display: inline-block;
        position: relative;




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐