2011-07-20 199 views
0

不同的html页面上我有2个html页面与另一个DIV更换一个DIV

1和2的结构有点像这个

<div id="a"> 
    <div id="b"> 
    </div> 
</div> 

现在我想做的事是上的click事件我想第1页的DIV b。通过页面的DIV b来替换2

任何人都可以帮助我如何实现这一目标

+0

你有什么** **你做了这么远吗? – Neal

回答

2

那么既然你不给我上我的工作会让它从头开始了:

$('something').click(function(){ 
    $.post('page2.php',{}, function(data){ 
      $('#b').replaceWith($('#b', $(data))); 
    }) 
}) 
2

您需要AJAX为了获得续第2页。然后,一旦你拥有它,你可以使用replaceWith

2

您正在寻找jQuery的负载功能。

http://api.jquery.com/load/

$('#a').load('page2.html #b'); 

这将替换#A从第2页#B的一切。如果#A包含其他元素,你要保持住,你需要做的是这样的:

$.get('page2.html', {}, function(data) { 
    $('#b').replaceWith($('#b', $(data))); 
}) 

运行,每当你要替换#B元素(即点击或时后)。

+0

这将重新加载整个页面?因为我不想那 – koool

+0

它将取代#a中的所有内容。如果你在原始问题中没有提及#a中的其他元素,我添加了另一个选项...如果你想保留这些元素,请尝试上面的第二个代码片段。 – Marc

0
  1. 在第1页,您单击事件绑定到特定的功能
  2. 在你的特异功能,你做一个AJAX调用serveur
  3. 的serveur为您提供了2页的您正在寻找的内容
  4. 还是第1页上,你,那么你从serveur接收的内容添加到您的网页

的另一种可能是以下。 访问第1页时,您直接包含第2页的内容。但是您隐藏了内容(css)。

  1. 您点击绑定到特定的功能
  2. 在这个功能,你只需让你的第1页的文本,显示它