Question

新编码器在这里寻找一些帮助来获取ajax将内容加载到div（content_area）而无需重新加载。到目前为止只测试前两个链接home＆amp;约。

我的js文件：

    $(document).ready(function()    {
    //initial
    $('#content_area').load('content/home.php');

    //handle menu clicks
    $('.sf-menu li a').click(function(){
        var page = $(this).attr('href');
        $('#content_area').load('content/' + page + '.php');
        return false;
    }); 

});

我的菜单是：

<div class="main-menu-wrapper">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <nav class="navigation">
          <ul class="sf-menu">
            <li><a href="home">Home</a></li>
            <li><a href="about">About Us</a></li>

顺便说一下，直播测试网站是[link] http://www.newconstructionflorida.net [link] 初始内容加载有效，但无法通过菜单导航点击工作。

Answer 1

你必须使用

$('.sf-menu li a')

因为sf-menu不是id，而是一个类。

并且您的代码需要content-folder中的文件以.html.php结尾，例如content / agents.html.php

是故意的吗？

Ajax内容加载没有刷新功能

1 个答案: