当前位置:首页>开发>正文

用jQuery如何实现点击页面其他位置,关闭弹出框呢用if选择吗在线等啊…… 在模态对话框外的地方单击时关闭该对话框怎么实现

2023-06-07 17:59:26 互联网 未知 开发

 用jQuery如何实现点击页面其他位置,关闭弹出框呢用if选择吗在线等啊…… 在模态对话框外的地方单击时关闭该对话框怎么实现

用jQuery如何实现点击页面其他位置,关闭弹出框呢?用if选择吗?在线等啊……

$(document).click(function (e) {
var drag = $("#drag"),
dragel = $("#drag")[0],
target = e.target
if (dragel !== target && !$.contains(dragel, target)) {
drag.hide()
}
})

判断target是不是drag,判断target是不是drag里面的元素。

在模态对话框外的地方单击时关闭该对话框怎么实现

添加 WM_ACTIVATE 的响应,在状态为非激活时退出
void CTestDlg::OnActivate(UINT nState, CWnd* pWndOther, BOOL bMinimized)
{
CDialog::OnActivate(nState, pWndOther, bMinimized)
// TODO: Add your message handler code here
if(nState == WA_INACTIVE)
CDialog::EndDialog(IDCANCEL)
}

JS或JQuery点击其他地方关闭弹出元素,但是点击元素却不会关闭的代码怎么写?

给你一个简单的示例




test


$(function(){
$(#btn).click(function(){
$(#box).css(display,block)
})

$(document).on(mousedown,function(e){
    if(!$(e.target).is($(#btn)) && !$(e.target).is($(#box)) && $(e.target).parent(#box).length === 0){
$(#box).css(display,none)
    }
})
})



显示

内层的文字



jQuery 怎么实现点击页面其他地方隐藏菜单

看看这个是不是你想要的效果


 
 
  






数码专区



手机

电脑


相机

配件





服装专区



手机

电脑


相机

配件








$(function(){
$(".nav .title").unbind(click)
$(".nav .title").bind(click,function(e){
$(.nav .content).hide()
if( $(this).siblings(.content).is(:visible) ){
$(this).siblings(.content).hide()
}else{
$(this).siblings(.content).show()
}
})
}).click(function(e){ 
// 设置点击网页的任何地方都会触发该事件 
if( !$(e.target).parents(.nav).length ){
if( $(.nav .content).is(:visible) ){
$(.nav .content).hide()
}
}
})

jquery easyui 中dialog怎么关闭对话框

1、首先下载EasyUI的组件包,然后导入到开发工具中并且在HTML页面导入jquery脚本。

2、接下来需要导入的easyui的脚本文件,如下图所示,一定先导入jquery后导入easyui。

3、然后需要导入的是easyui的样式文件,如下图所示,样式文件只需要easyui.css即可。

4、接下来还需要导入的是语言文件,不导入的话可能会导致一些组件是英文。

5、接下来在body中定义一个div,然后给它一个easyui-dialog的样式。

6、然后运行页面,就会在页面中看到一个dialog的弹出窗口了,就可以关闭对话框了。

最新文章