2017-04-10 67 views
0

我希望在用戶點擊某個按鈕後刷新頁面,但問題是這個頁面A被加載到另一個頁面B上,當我使用location.reload(),它總是刷新回到B比A.使用location.reload()刷新當前頁面時,此頁面加載到另一個頁面

例如,

我的頁面B稱爲customerMain.html了,裏面我使用jQuery加載網頁A (客戶名稱爲customerOrders.html),當客戶點擊「訂單」標籤時。

網頁B:

<button id="orders-page">Orders</button> 
<div id="page-switch"></div> 
<script> 
    $("#orders-page").on("click", function(){ 
    $("page-switch").load("customerOrders.html"); 
    }); 
<script> 

網頁A:

<button id="refresh-page">Refresh</button> 
<script> 
    location.reload() // Refreshes to Page B BUT want Page A 
<script> 

我試圖通過改變location.reload()來window.location.href = 「customerOrders.html」 來解決它,但是這個問題實際上是在我的項目中,頁面B也有其他標籤,但是這個命令將消除頁面B中的標籤並且僅顯示頁面A的內容,並且頁面B中預定義的CSS I也應用於頁面A(我知道鏈接外部CSS更好)也會迷路。

解決這個問題的好主意?謝謝!

PS:是的,我在網頁上的點擊刷新按鈕之後,意味着它應該執行同樣的事情,你點擊網頁B的訂單按鈕

回答

0

我得到了一個暗示從Refresh Part of Page (div),並改變我的代碼行

$("page-switch").load("customerOrders.html"); 

它的工作原理!我不知道如果頁面包含在頁面中,我們可以使用jQuery從外部頁面選擇一個元素。

歡迎您在此發佈更好的答案。

但是,我有一個新的問題,我在頁面B有一個div在頁面A(A包含B)的div中具有相同的ID嗎?如果我在頁面B中選擇該div,它是否會在頁面A中覆蓋它並選擇頁面B中的div?

+0

我測試了它,它實際上選擇了頁面B中比頁面A中的一個,因此它被覆蓋。然後,jQuery總是先選擇同一頁面中的一個,然後檢查另一個鏈接/包含頁面中是否有一個!如我錯了請糾正我 :) – Hang