数码资讯
一个简单的例子,jQuery可以点击弹出的弹出图层
主要功能是点击显示,然后通过点击页面中的任何地方关闭显示,主要是$(文档)的作用。 在开发过程中,经常会出现一些弹出层,在单击页面的其他页面后自动关闭,下面是实现代码: HTML代码: 复制代码代码如下所示: 点击 展示区 CSS代码: 隐藏{显示:无;} JS代码 复制代码代码如下所示: $(文档
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
主要功能是点击显示,然后通过点击页面中的任何地方关闭显示,主要是$(文档)的作用。
在开发过程中,经常会出现一些弹出层,在单击页面的其他页面后自动关闭,下面是实现代码:
HTML代码:
复制代码代码如下所示:
点击
展示区
CSS代码:
隐藏{显示:无;}
JS代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(div.down)。Click(function(e){
e.stoppropagation();
$(div.con)。RemoveClass(隐藏);
});
$(文档)Click(函数(){)
如果(!$(div.con)。HasClass(隐藏)){
$(div.con)。AddClass(隐藏);
}
});
});
好的,在你自己的本地测试中,CSS样式来修改它!
在开发过程中,经常会出现一些弹出层,在单击页面的其他页面后自动关闭,下面是实现代码:
HTML代码:
复制代码代码如下所示:
点击
展示区
CSS代码:
隐藏{显示:无;}
JS代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(div.down)。Click(function(e){
e.stoppropagation();
$(div.con)。RemoveClass(隐藏);
});
$(文档)Click(函数(){)
如果(!$(div.con)。HasClass(隐藏)){
$(div.con)。AddClass(隐藏);
}
});
});
好的,在你自己的本地测试中,CSS样式来修改它!
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。