Question

我有一个网站，我想将page1链接到第2页：

第2页 - 有一个子菜单，显示如下信息：

$("#element").click(function(){
        $("#another_element").load("page3.html");
    });

第1页上的

，我有链接，我想知道是否可以有一个href =＆＃34; page2.html / call_ajax_function_from_page2＆＃34;用ajax调用。如何点击page1中的元素并转到第2页调用它的load（），以便它显示信息，好像点击了子菜单中的元素一样？

谢谢！ 其他信息点击page1.html中的元素，我想重定向o page2.html并加载某些ajax内容。 page2.html是带有ajax的那个

更多信息：我想这样做，因为在第1页我有一个轮播，每个按钮我希望它链接到一个完全不同的页面，page2显示与该轮播相关的信息。我已经构建了page2，并且当点击其子菜单中的链接时，它会根据.load加载内容。

Answer 1

我可能错了，因为你的问题很难理解，但我认为你正在寻找类似的东西：

$('#foo li a').each(function() {
    $(this).click(function(e) {
        e.preventDefault();
        var href = $(this).attr('href');
        $('#bar').load(href + ' #someContainer'); // Load the href + an ID.
    });
});

例如，请使用此html：

<ul id="foo">
    <li><a href="http://google.com">Link 1</a></li>
    <li><a href="http://microsoft.com">Link 2</a></li>
    <li><a href="http://apple.com">Link 3</a></li>
</ul>

如果您点击链接2，preventDefault()将“阻止”您的浏览器位置更改（更改页面），然后您将该锚点链接的属性存储在名为href的变量中。最后，您将把该变量的内容加载到指定的div中，在本例中为“bar”。

使用ajax元素链接到另一个页面

1 个答案: