使用jquery ajax动态加载页面不能完全正常工作

below is the jquery ajax function and load.php file on the server side that supposed to load pages dynamically from different directories on my site but its not fully working. it only loads first and last pages in my nav menu #Browse_Page1 and #Charts_Page1 but it never loading the rest. this is my nav menu.

 <nav>
 <ul id='menu' class="menu-items">
 <li><a href="#Browse_Page1" class="albums active" id="page1-link"><i class="arcd-archive"></i></br>Browse</a></li>
 <li><a href="#Top_albums_Page1" class="pages" id="page2-link"><i class="arcd-music97"></i></br>Top albums</a></li>
 <li><a href="#Top_artists_Page1" class="albums" id="page3-link"><i class="arcd-microphone52"></i></br>Top artists</a></li>
 <li><a href="#Top_lists_Page1" class="pages" id="page4-link"><i class="arcd-numbered8"></i></br>Top lists</a></li>
 <li><a href="#Charts_Page1" class="pages" id="page4-link"><i class="arcd-rising9"></i></br>Charts</a></li>
 </ul>
 </nav>

and this is the jquery ajax function

  $(function () {
  $('header nav a').on('click', function () {
    var linkClicked = $(this).attr('href');
    var data = {
        page      : linkClicked.replace(/\D/g, ''),
        directory : linkClicked.replace(/(_Page(.*)|#)/g,'')
    }

    $("header nav a").removeClass("active");
    $(this).addClass("active");
    $('#loading').css('visibility', 'visible');

    $.post('load.php', data, function(msg) {
        $('#main-content').html(msg);
        $('#loading').css('visibility', 'hidden');
        $('#main-content section').hide().fadeIn();
    }, 'html');
   });
  });

finally this is the load.php on server side

  <?php
  $page = filter_var( $_POST['page'], FILTER_VALIDATE_INT);
  $dir  = filter_var( $_POST['directory'], FILTER_SANITIZE_STRING);
  if ( $page !== false && $dir !== false ) {
    $link = $dir . '/' . $dir . '_Page' . $page . '.html';
    if ( file_exists( $link ) ) {
        echo file_get_contents( $link );
    } else {
        echo 'There is no such page!';
    }
   }
 ?>

anyone have a idea where i am wrong or what i am missing, please help me to get out of this. thanks in advance.

dongxi1943
dongxi1943 antihate我没有回应任何只是试图通过ajax加载到div<divid=“main-content”>的页面,它具有主内容id,并且你在上面的函数中看到了这个id。我的问题是,这会正确加载导航的第一页和最后一页但不加载其余部分并给出此错误没有这样的页面!请尝试理解并帮助我这很奇怪。请.....
大约 5 年之前 回复
dsa2c2255888
dsa2c2255888 我应该使用此功能在我的导航菜单中加载页面,正如我所说它应该在导航菜单中的特定链接点击时将页面加载到div中,它只对第一个和最后一个链接执行但不加载其他页面并给出没有这样的页面!错误。
大约 5 年之前 回复
dtrn74832
dtrn74832 或者您可以尝试回显$link值来测试它是否正常工作
大约 5 年之前 回复
dtg25862
dtg25862 你的帖子功能运行正常,我刚刚测试过,你需要确保你回复的文件输出HTML或尝试删除post函数调用中的最后一个'html'参数。
大约 5 年之前 回复
duaner1634
duaner1634 你能告诉我们现在发生了什么,应该发生什么?
大约 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问