Как установить содержимое div динамически при каждой загрузке?

Question

home.html

У меня есть левое меню, в котором при щелчке по меню посетителя он загружает visitor.html в div с именем 'rightcont'.

$(".rightcont").load("visitor.html");

Кроме того, при щелчке по меню учеников он загружает student.html в div rightcont

$(".rightcont").load("students.html");

Но по умолчанию я загружал welcome.html в rightcont при первом посещении страницы.

Моя проблема в том, что когда пользователь щелкает ссылку с именем STUDENTS в какой-то другой части веб-сайта, он перенаправляет на home.html, в котором div 'rightcont' отображает welcome.html. Мне нужно rightcont для отображения student.html.

Как изменить его динамически в зависимости от нажатой ссылки

Answer 1

на гиперссылках на страницу студента, ссылку на student.php? Page = студентов и добавьте этот бит php на страницу

if($_get['page'] == "students")
{
?>
 <script type="text/javascript">
 $(".rightcont").load("students.html"); 
 <script>
 <?
}
else
{
 <script type="text/javascript">
 $(".rightcont").load("visitor.html"); 
 <script>
}

Answer 2

Использование:

return false;

чтобы убедиться, что при нажатии на ссылку она не перенаправляет страницу. Вы можете загрузить div rightcont при нажатии на ссылку.

$("#students").click(function() {
    $(".rightcont").load("students.html");
    return false;
});

(для того, чтобы этот селектор работал, нужно иметь id = "Students" в теге привязки)