花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

jq ajax加載指定頁面到指定div

時間: 2019-05-24 11:57 閱讀: 作者:素材無憂網(wǎng)

實(shí)際應(yīng)用中是為了做個導(dǎo)航的下拉菜單,但是這個菜單代碼太多,又不是很重要,所以打算做單獨(dú)加載,點(diǎn)擊鏈接后彈出菜單。
HTML
<li id="more_menu">
<a href="頁面鏈接" ajax="1">更多</a>
</li>
<div id="layer"></div>
復(fù)制代碼
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用的,$轉(zhuǎn)成了jQuery。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: jq ajax加載指定頁面到指定div

標(biāo)簽:  
相關(guān)文章
模板推薦