jq自定义下拉菜单，当用户点击非自身元素（下拉菜单）本身时关闭下拉菜单

【jq自定义下拉菜单，当用户点击非自身元素（下拉菜单）本身时关闭下拉菜单】的更多相关文章

jq自定义下拉菜单，当用户点击非自身元素（下拉菜单）本身时关闭下拉菜单

jq自定义下拉菜单,当用户点击非自身元素(下拉菜单)本身时关闭下拉菜单截图: 代码如下: //关闭用户菜单 $(document).mousedown(function(e){ var _con = $('.drop_down'); //1. 点击事件的对象不是目标元素本身 //2. 事件对象同时也不是目标元素的子元素 if(!_con.is(e.target) && _con.has(e.target).length===0){ $('.drop_down').css('display…

vue自己写了一个div菜单，点击按钮展开，点击其他地方关闭这个div菜单

需求是通过点击body页面,在其他地方就关闭这个<div>菜单,给这个div一个id:problemList,但是点击我打开的按钮,不关闭. created () { document.onclick = function () { // 要关闭的div的id (problemList) document.getElementById('problemList').style.display = 'none' } }, 点击按钮打开模态框的方法要写个阻止冒泡事件,不然会点不开 getItme(…

jq自定义下拉菜单，在点击非当前下拉菜单区域时，关闭下拉菜单（点击事件的对象不是目标元素本身）

jq自定义下拉菜单,在点击非当前下拉菜单区域时,关闭下拉菜单(点击事件的对象不是目标元素本身) //点击非当前下拉菜单区域时,关闭下拉菜单 $(document).mousedown(function(e){ var _con = $('.xialacaidan'); //1. 点击事件的对象不是目标元素本身 //2. 事件对象同时也不是目标元素的子元素 if(!_con.is(e.target) && _con.has(e.target).length===0){ $('.xialaca…

有序无序Ul->Li Ol->Li菜单，默认点击当前弹出下拉，再次点击收起下拉菜单(变形2 ---修饰)

从上面可以看出,两个问题,第一:下拉出现的太快太突然,第二:再点击下一个下拉菜单的时候,上一个不会闭合,针对这两个问题,接下来会一一解决. 解决下拉太快: js中有个jquery效果,有一个效果是jquery滑动,slideUp()==>>像上滑动,相反的slideDown()===>>向下滑动,这个便可以代替, 但是效果是点击a链接,针对a链接下的下拉菜单ul添加这种效果,所以需要先找到这个ul元素. <script> //........ var ul = $(t…

jq点击改变元素样式、添加类，显示隐藏，图标旋转，再次点击还原；表格点击显示下拉详情

点击前点击后 <tr> <td class="right" data-id="{$vo.id}" id="{$vo.id}" > <div class="right_i" id="z{$vo.id}"><i class="layui-icon layui-icon-right" style="margin-right: -1px;&q…

JQ自定义下拉列表插件

自从上次做了JQ自定义分页插件和表格插件后,就没在自定义过插件了,这一个月都在用linq和ef,基本前端都没怎么去碰了,今天有个同事说有个项目需要在下拉框里面带有复选框,本来想网上找下插件的,一想,其实这功能也并不难,于是就自己做了一个,也趁机再次熟悉下JQ自定义插件吧,好了,先附上效果图先: 看上去没怎么难吧,其实就是强化JQ,免得太久没用,生疏了.好了.附上我的代码: (function($){ var option={ isEdit:false, //是否可以编辑:默认是否 Listhei…