jQuery - 从另一个页面运行一个函数

Question

我有一个帐户页面，其中包含使用 .load 加载页面的链接。我想知道如何从另一个页面（而不是从帐户页面）进入加载帐户信息页面？另一个页面只有一个到 account.html 的常规链接，如果已加载，那么我看不到 load-account-information.html 选项卡。我可以以某种方式在 URL 中传递函数 loadAccountInfomration 吗？谢谢！

帐户页面

function loadAccountInformation() {
    $('#accountMain').load("load-account-information.html");
}

<a href="#" onclick="loadAccountInformation()">My Information</a>

其他页面

<a href="account.html">Account Information</a>

帐户页面上有多个加载功能，我只想知道我是否可以在另一个页面上单击时运行一个。

Answer 1

如果您想从另一个页面上的链接在一个页面上运行特定脚本，您可以使用哈希标签。将 #load-account-info 之类的内容附加到 URL 的末尾：

<a href="account.html#load-account-info">Account Information</a>

然后在account.html上检查它：

$(function() {

    // show account info if #showAccountInfo is present
    showAccountInfo();

    // detect url hash changes and fire off showAccountInfo
    $(window).bind("hashchange", showAccountInfo());

});

function showAccountInfo() {
    if (window.location.hash == "load-account-info") 
        loadAccountInformation();
}

注意：并非所有浏览器都支持“hashchange”事件。因此，有一个 jQuery plugin 增加了支持。

编辑：添加了对检测同一页面上的点击的支持。

^{来源：Working with single page websites and maintaining state using a URL hash and jQuery、On - window.location.hash - Change?}

Answer 2

听起来您试图从 ajax 插入的内容运行 ajax 调用。

在 jquery 中使用 ajax 最酷的地方在于回调。加上它超级好用。

function loadAccountInformation() {
    $('#accountMain').load("load-account-information.html", function () {
        var ele = $(this);
        ele.find('a').bind('click', function(){
              ele.load('url');
        })

    });
}

<a href="#" onclick="loadAccountInformation()">My Information</a>

如果这就是你要找的东西，我建议你用这样的东西进行更多的调制

function loadInfo(url){
    $('#accountMain').load(url, function () {
         attachEvents();
    } )
}

function attachEvents(){
    //Add In selector or selectors that can target ajax links
    $('#linkArea').find('a').unbind('click').bind('click' function(){
       var url = this.href;

       loadInfo(url);

    })

}

Answer 3

JavaScript 在浏览器中运行，因此您无法远程调用它。您将需要访问“其他页面”上的相同脚本，并将 loadAccountInformation 函数作为点击处理程序添加到链接中，方式与在帐户页面上相同。

如果您想在从另一个页面到达帐户页面后运行该函数，那么您可以在页面加载后调用它。比如……

$(function () {
  loadAccountInformation();
});