Использование jquery, по ссылке нажмите, я хочу перейти на другую страницу, а затем запустить код

Question

Это ссылка, которая была нажата.

<ul class="megamenu-list menuapp"> 
    <li class="title">Types</li> 
    <li><a href="app/sop.html">Sales & Operations Planning</a></li> 
</ul> 

Когда эта ссылка нажата, она должна перейти на страницу app.html.

Внутри app.html у меня есть раздел с id = dynamic, в котором я пытаюсь загрузить файл sop.html.

<section id="dynamic">       
</section> 

Это код jquery, с которым я пытаюсь работать.

$(".menuapp a").click(function(e){ 
    var showthis = $(".menuapp a").attr("href") 
    e.preventDefault(); 
    alert(showthis); 
    var url = "app.html"; 
    $(location).attr('href',url); 
    $("#dynamic").load(showthis)); 
}); 

Это загружает страницу sop.html на окне, а не в разделе ид = «динамический» страницы app.html.

Я не понимаю, что не так. Пожалуйста помоги.

Answer 1

Попробуйте удалить строку $(location).attr('href',url);. Эта строка перенаправляет страницу на url, и именно поэтому вы видите загрузку app.html в браузере вместо div.

UPDATE:

После прочтения комментарий, я думаю, вы должны удалить строку $("#dynamic").load(showthis)); и добавить его в app.html так:

$(document).ready(function(){ 
    $("#dynamic").load("app/sop.html")); 
}) 

Кроме того, изменить HREF из ссылка на «app.html»

Таким образом, приложение app.html загрузится в браузере, когда вы нажмете ссылку, и когда DOM будет готов, он загрузит sop.html внутри #dynamic

Answer 2

изменение $(this):

var showthis = $(this).attr("href") 

и есть дополнительный ) закрытия:

$("#dynamic").load(showthis)); 
//--------------------------^--here