discuz

推荐列表 站点导航

当前位置:首页 > 建站教程 > discuz >

jq ajax加载指定页面到指定div

来源:网络整理  作者:网络  发布时间:2020-12-11 11:27
实际应用中是为了做个导航的下拉菜单,但是这个菜单代码太多,又不是很重要,所以打算做单独加载,点击链接后...

实际应用中是为了做个导航的下拉菜单,但是这个菜单代码太多,又不是很重要,所以打算做单独加载,点击链接后弹出菜单。

HTML
<li id="more_menu"> <a href=http://www.ym97.com/discuz/"页面链接" 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。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jz/discuz/2537.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

jq ajax加载指定页面到指定div

2020-12-11 编辑:网络

实际应用中是为了做个导航的下拉菜单,但是这个菜单代码太多,又不是很重要,所以打算做单独加载,点击链接后弹出菜单。

HTML
<li id="more_menu"> <a href=http://www.ym97.com/discuz/"页面链接" 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。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jz/discuz/2537.shtml

相关文章

风云图片

推荐阅读

返回discuz频道首页