使用外部鏈接自動加載頁面+ ajax調用（使用Jquery）

Question

我有一個頁面，點擊邊欄中的鏈接時加載信息段。

http://www.youarehere.im/other-financial-services.html

所有的工作正常。

我也想鏈接到index.html文件中的這個頁面，但是自動加載相關段落，而不是默認狀態。

因此，在主頁上，「accounts」鏈接加載「other-financial-services.html」，並自動向服務器請求ajax調用「accounts」鏈接。

任何想法？我知道這個jquery代碼片段是完全錯誤的，但我對前端腳本非常陌生，並且在黑暗中拍攝！

HTML：

<div class="box accounting"><h2><a id="service_accounts">Accounting</a></h2></div> 

JQuery的：

$(document).ready(function() { 
    $.ajaxSetup({ 
     cache: false 
    }); 

    var ajax_load = "<img src='img/load.gif' alt='loading...' />"; 
    var load_services = "other-financial-services.html"; 
    var accounts = "accounts.php"; 

    $('#service_accounts').click(function() { 
     $.get(load_services).load(accounts); 
    }); 
}); 

Answer 1

我認爲你應該這樣做：

<div class="box accounting"><h2><a id="service_accounts">Accounting</a></h2></div> 
<div id='target'></div> 

$('#service_accounts').click(function(){ 
    //load the html page int the div with id=target (of course is just an example) 
    $('#target').load(load_services); 
    $.get(accounts, function(data){ 
     //do something with data returned from the server 
    }); 
}); 

Answer 2

如果我理解正確的話，你想這些變量來改變取決於你從哪裏打開頁面？

var load_services = "other-financial-services.html"; 
var accounts = "accounts.php"; 

這意味着您需要找到一種方法將參數傳遞到此頁面，以便您可以在值之間切換。 Unfortuantely，我沒有任何像樣的PHP知識，但我認爲它應該是可能的

?ajaxloadselector=1 

添加到您的網址是什麼？

然後，您可以在鏈接到此頁面的頁面中編輯URLS，然後在此頁面上根據傳遞的'ajaxloadselector'參數製作一個填充變量的開關。

Answer 3

在主頁上，如果你要鏈接到「金融服務」頁面的「會計」子菜單選項，讓像一個鏈接：

http://www.youarehere.im/other-financial-services.html#accounts

和js代碼類似

var url = document.location.toString(); 
if (url.match('#')) { // the URL contains an anchor 
    // click the navigation item corresponding to the anchor 
    var anchor = '#' + url.split('#')[1]; 
    $('#load_' + anchor).click(); 
} 

所以，每當你加載一個頁面URL中的#<something>，元素#load_<something>點擊從http://blog.rebeccamurphey.com/2007/12/04/anchor-based-url-navigation-with-jquery（和修改）無恥地竊取

代碼