2011-05-08 76 views
1

我有一个网站,我想第1页链接到第2页:链接到另一个页面使用Ajax元素

第2页 都具有一个用于显示这样的信息的子菜单:

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

第一页上,我有链接,我想知道是否有可能有ajax调用href =“page2.html/call_ajax_function_from_page2”。我怎样才能点击页面1中的元素,并转到页面2的调用它的加载(),以便它显示信息就好像其子菜单中的元素被点击了?

谢谢! 附加信息通过单击page1.html中的元素,我想重定向o page2.html,并加载了某些ajax内容。 page2.html是一个用Ajax

更多信息:我想这样做,因为第1页我有一个转盘,每个按钮我希望它链接到一个完全不同的页面,第2页显示相关信息那个旋转木马。我已经构建了该页面2,并且在点击其子菜单中的链接时,它会基于.load加载内容。

回答

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. 
    }); 
}); 

因此,例如采取这个网站:

<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'。

+0

我想去不同的页面,但我想去differentpage.html /任务或类似的东西differentpage.html有一个子菜单,这有一个Ajax,我不知道是否有可能模拟来自mainpage.html的点击来自differentpage.html的元素。通过点击mainpage.html中的一个元素,我想重定向o differentpage.html,并加载一些ajax内容 – bb2 2011-05-08 02:20:19

+0

@ bb2你的意思是像'$('#bar')。load(href +'#container'); – daryl 2011-05-08 02:25:28

+0

我不想在主页上加载任何东西。在主页上我有一个旋转木马,当你点击一个按钮,我希望它进入另一个页面,并通过ajax显示其他页面信息 – bb2 2011-05-08 02:50:51

相关问题