jq ajax加载指定页面到指定div
实际应用中是为了做个导航的下拉菜单,但是这个菜单代码太多,又不是很重要,所以打算做单独加载,点击链接后弹出菜单。
HTML
dz用的,$转成了jQuery。
HTML
<li id="more_menu"> <a href="页面链接" ajax="1">更多</a> </li> <div id="layer"></div> 复制代码 JQ <script> jQuery(function () { jQuery('#more_menu a[ajax]').click(function () { jQuery('#layer').load(this.href, function () { jQuery('#layer').show(); }); return false; }) }); jQuery(document).click(function (e) { if (e.target.id != 'layer' && !jQuery.contains(jQuery('#layer')[0], e.target)) jQuery('#layer').hide(); }); </script> |
dz用的,$转成了jQuery。
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
热门教程
discuz电脑版、手机版去除标题title中的PoweredbyDisc2018-12-27
Discuz 触屏手机版支持视频播放的方法2018-12-27
discuz手机版支持视频播放的修改方法2018-12-27
Discuz! 程序 X3.2、X3.3升级3.4教程2018-12-27
discuz X3以及X3.4论坛搬家完美详细教程2019-01-02
怎么开启手机版2018-12-25
去掉Discuz论坛底部的Powered 等版权信息2018-12-27
discuz! x3.4插件位置DZ论坛X3版本插件在哪个文件夹?2018-12-26
Mysql修改端口号后织梦dedecms的修改方法2018-12-27
Discuz!X3.2论坛实现全站HTTPS终极方法教程2018-12-28