doujiao6116 2015-07-11 21:43
浏览 90

使用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.

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 #MATLAB仿真#车辆换道路径规划
    • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
    • ¥15 数据可视化Python
    • ¥15 要给毕业设计添加扫码登录的功能!!有偿
    • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
    • ¥15 微信公众号自制会员卡没有收款渠道啊
    • ¥100 Jenkins自动化部署—悬赏100元
    • ¥15 关于#python#的问题:求帮写python代码
    • ¥20 MATLAB画图图形出现上下震荡的线条
    • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘