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