主页 / 问题 / 1116841
Accepted
rabbit
Asked:2020-04-28 05:06:15 +0000 UTC2020-04-28 05:06:15 +0000 UTC

通过ajax从页脚单击菜单时未加载内容

  • 772

有 ajax，通过点击页眉和页脚菜单，将第三方 html 中的内容加载到容器中。除了类名之外，页眉菜单结构和页脚菜单彼此绝对相似。问题是，如果我单击页眉菜单项，则内容会加载到容器中，但如果我单击页脚菜单项，则不会。不是 ajax 加载，而是打开一个新选项卡，其中包含内容。怎么修？有什么问题？也许ajax结构是错误的？给出了代码。

$(document).ready(function() {

  $(".header_menu a, footer_menu a").click(function() {

    $.ajax({
      url: $(this).attr('href'),
      cache: false,
      success: function(html) {
        $(".content").html(html);
      }
    });
    return false;
  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul class="header_menu">
  <li><a class="menu_unit" href="1.html">111</a></li>
  <li><a class="menu_unit" href="2.html">222</a></li>
  <li><a class="menu_unit" href="3.html">333</a></li>
  <li><a class="menu_unit" href="4.html">444</a></li>
</ul>

<ul class="footer_menu">
  <li><a class="footer_menu_unit" href="1.html">111</a></li>
  <li><a class="footer_menu_unit" href="2.html">222</a></li>
  <li><a class="footer_menu_unit" href="3.html">333</a></li>
  <li><a class="footer_menu_unit" href="4.html">444</a></li>
</ul>

ajax

1 个回答

  1. Best Answer

    footer_menu你之前错过了这个点：

    $(".header_menu a, .footer_menu a").click(function(){
    ...
    • 1

相关问题