Загрузка содержимого Ajax без функции обновления

Новый кодер здесь ищет некоторую помощь при получении ajax для загрузки содержимого в div (content_area) без перезагрузки. Пока только тестирование с первых двух ссылок дома & о.Загрузка содержимого Ajax без функции обновления

мой файл 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>

Кстати живой тест сайта [ссылка] http://www.newconstructionflorida.net [ссылка] начальной загрузки работы контент, но не могу получить навигация меню нажимается для работы.

источник

2015-02-25 MistaBond

Я не понимаю ваш код. В HTML вы помещаете все .html-файлы, а затем добавляете .php с этим href? –

1) $ (". Sf-menu a"). Щелкните 2) Я предполагаю, что это $ ('# content_area') 3) снова, предполагая, что это $ ('# content_area'). Load ('content /' + page) – lshettyl

Работает только со ссылкой на домашнюю страницу и о странице на данный момент. Я в процессе удаления всех html-файлов и создания файлов .php вместо этого в папке содержимого. Просто хотел, чтобы он работал с первыми двумя ссылками до того, как двигаться вперед. – MistaBond

вы должны использовать

$('.sf-menu li a')

поскольку SF-меню не идентификатор, а класс.

и ваш код нуждается в файлы в папке содержимого, чтобы иметь .html.php окончание, как содержание/agents.html.php

что намеренно?

источник

2015-02-25 13:37:04 cari

также существует проблема в $ ('content_area'). Load ('content /' + page + '.php'); указать content_area (класс/ID)? –

элементы меню .html будут удалены (так было до того, как я попытался использовать ajax для автоматической загрузки). – MistaBond

исправлено: $ ('# content_area'). Load ('content /' + page + '.php'); – MistaBond

Загрузка содержимого Ajax без функции обновления

ответ

Смежные вопросы