欢迎光临
我们一直在努力

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

建站超值云服务器,限时71元/月

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

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。


赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » jq ajax加载指定页面到指定div
分享到: 更多 (0)