javascript - 从另一个页面调用的一个页面的 Ajax 加载 div

Question

我面临一些关于 ajax 加载
OK 的故障，所以查询可以说我有页面 a（附图片）

ajax 在单击特定 ID 时将 div 加载到“RESULT” div 中，
这里是 ajax 脚本和我到目前为止的 html。这可以完美地加载到页面 a 本身的 Result div 上。

<a href="#" id="one" /><br>
<a href="#" id="two" /><br>
<a href="#" id="three" /><br>
<div id="result"  class="functions"></div>

    $.ajaxSetup({
        cache: false
    });
    var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";


    var loadUrl = "content.php";
    $("#one").click(function () {
    $("#result").html(ajax_load).load(loadUrl);
    });

    var load2Url = "content1.php";
    $("#two").click(function () {
    $("#result").html(ajax_load).load(loadUrl);
    });

    var load3Url = "content2.php";
    $("#three").click(function () {
        $("#result").html(ajax_load).load(load2Url);
    });

事情是我需要使用相同的 id 调用从另一个页面在页面 b 上的结果 div 上加载相同的内容，比如说页面 b。

这个概念是，在页面 b 上，单击 id，它首先加载页面 a 并在“结果”div 上加载内容。两个页面都在同一台服务器上
非常感谢任何帮助。谢谢你。

Answer 1

处理它的一种方法是将动态项目作为请求参数传递，例如在页面 b 中使用 url/pagea.html?section=one等

然后在页面加载

$(function(){
    var location = window.location.href;
    var page = location.substring(location.indexOf('=') + 1);
    $('#' + page).trigger('click');
})

Answer 2

您的loadUrl's 速度错误，它们应该在函数内部，否则它的值是它设置为的最后一个值content2.php

jsFiddle 演示

$.ajaxSetup({
    cache: false
});

var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";

$("#one").click(function () {
    var loadUrl = "content.php";
    $("#result").html(ajax_load).load(loadUrl);
});

$("#two").click(function () {
    var loadUrl = "content1.php";
    $("#result").html(ajax_load).load(loadUrl);
});

$("#three").click(function () {
    var loadUrl = "content2.php";
    $("#result").html(ajax_load).load(loadUrl);
});