使用jquery，在鏈接點擊我想導航到另一個頁面，然後運行一些代碼

這是初始點擊鏈接。使用jquery，在鏈接點擊我想導航到另一個頁面，然後運行一些代碼

<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頁面，而不是部分ID =的app.html頁的「動態」內。

我不明白什麼是錯的。請幫忙。

來源

2016-03-09 Canute

是'app.html'中的菜單..？ –

菜單位於不同的html文件header.html中。 – Canute

那麼'sop.html'和'app.html'之間有什麼關係？點擊header.html中的鏈接究竟應該發生什麼？ –

嘗試刪除線$(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

來源

2016-03-09 13:58:41 Sebastianb

您好Sebastianb，刪除這行加載瀏覽器的sop.html頁面，但不在app.html的部分。 – Canute

讓我看看我現在是否理解正確：你想要做的是點擊鏈接，它會將你重定向到app.html，然後你想在app.html中的div中加載sop.html？ – Sebastianb

這是正確的。 – Canute

變化$(this)：

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

，並有一個額外的)收盤：

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

來源

2016-03-09 13:35:31 Jai

嗨Jai，我嘗試了這個，但它沒有重定向到鏈接app.html – Canute

使用jquery，在鏈接點擊我想導航到另一個頁面，然後運行一些代碼

回答

相關問題