Изменение содержимого HTML по пункту меню нажмите

Question

Я пытаюсь изменить содержимое желтой области, когда пользователь нажимает на «панели управления» и т.д. "клиентов: Here is the template I used

Сначала я попытался изменить index.js я дал идентификатор to div area:

$('.icon-dashboard').on('click', function() { 
    $("#area").load("secondpage.html #area > *"); 
}); 

Это не сработало для меня. Любые предложения по изменению содержимого между основными тегами?

Answer 1

Ваш переключатель для команды загрузки неверен. Ваш HTML показывает <main> тег с <div class="helper">, поэтому вы хотите использовать $("main .helper").load(...) для загрузки содержимого в «помощник». Или, если вы хотите заменить «вспомогательный» div на все, что возвращается с .load, просто сделайте $("main").load(...).

Кроме того, передача «secondpage.html» в .load() будет работать только в локальном браузере. Я предполагаю, что вы делаете это только потому, что тестируете? В конечном счете, вам понадобится некоторый backend-скрипт по URL для возврата вашего контента.