JQuery將頁面加載到div中並更新第二個div的內容

我有一個帶有2個div的頁面，其中一個稱爲菜單，另一個稱爲內容。內容div加載登錄頁面。當用戶嘗試登錄時，我將腳本調用到content div中，如果不成功，它將重新加載登錄頁面。JQuery將頁面加載到div中並更新第二個div的內容

如果成功我使用標題位置重定向到登錄頁面。當這個頁面加載到內容div中時，我需要它將菜單div更改爲不同的菜單。我曾嘗試使用以下但無濟於事。有沒有什麼辦法，當成功的頁面加載到內容div它可以自動更改菜單div的內容它可以自動更改內容的div div

這是我已經嘗試登錄頁面，加載到內容div身體標記頁具有

的onLoad = 「$（ 'DIV＃菜單'）。負載（ '包括/登錄菜單page.php文件'）」

來源

2013-03-20 Palm Int Srv

的函數的第二個參數是回調函數。你可以用它來驗證它正確裝入，然後編輯您的菜單元素：

$('#result').load('Includes/logged-menu-page.php', function() { 
    if(loaded_correctly) 
     $("div#menu").html("OtherMenu"); 
    else 
     $("div#menu").html("LoginMenu"); 
});

來源

2013-03-20 22:59:20

嗨@Hanlet我似乎還沒有能夠得到它的工作。 – 2013-03-21 00:27:16

嗨@Hanlet我似乎還沒有能夠得到它的工作。帶有菜單和內容div的登錄頁面會轉到由jquery調用的單獨腳本頁面，以在數據庫輸入後檢查數據庫中的用戶詳細信息。如果mysql查詢恢復正常，我使用php頭位置重定向到正確加載到內容div的登錄頁面。我已經在登錄頁面上嘗試了上面的內容，並且我得到了一個菜單被更改，但它是在菜單div中寫入名稱logging-menu-page而不是加載菜單:) – 2013-03-21 00:33:05

而不是通過動態加載內容jQuery，我建議你通過php動態加載你的內容。請記住，任何用戶都可以查看此jQuery代碼，並將其更改爲使其加載實際頁面而不是菜單。我希望我能更多地幫助你，但你的具體情況對我來說並不是很清楚。 – 2013-03-21 01:36:07

您需要更改您所呼叫的負荷函數項：

$('div#menu').load('Includes/logged-menu-page.php')

應該

$('div#content').load(function() { 
// load your stuff to your menu div 
// you would probably need to make an ajax call or something here 
});

我認爲這是你正在嘗試做的事情，但我不確定你在logged-menu-page.php有什麼信息從你的問題

來源

2013-03-22 01:08:37 pathfinder

JQuery將頁面加載到div中並更新第二個div的內容

回答

相關問題