2013-04-01 81 views
1

我在一个div链接列表...当我点击链接我要加载在同一页的另一个DIV链接内容,这里是我的代码:加载HTML链接到DIV

<div> 
<div> 
    <div style="padding-bottom:20px;"> 
     <center><img src="real.gif"></center> 
    </div> 
    <div> 
     <div> 
      <div style="padding-bottom:20px;"> 
       <a href="history.html"><h3>History of Club</h3></a> 
      </div> 
      <div style="padding-bottom:20px;"> 
       <a href=""><h3>Photos Gallery</h3></a> 
      </div> 
      <div style="padding-bottom:20px;"> 
       <a href=""><h3>Hall of Fame</h3></a> 
      </div> 
      <div style="padding-bottom:20px;"> 
       <a href=""><h3>History of Club</h3></a> 
      </div> 
     </div> 
    </div> 
</div> 
<div id="linkcontent"></div> 

我可以通过一个非常简单的js功能吗?有什么建议么?

+0

了解阿贾克斯或iFrame。 – epascarello

+1

了解如何使用jQuery实现AJAX,特别是'load'方法。 –

回答

0

使用Ajax,我会记录jQuery ajax,更新div。

喜欢的东西:

 $("#mylink").click (function() { 
     $.ajax({ 
      type: "POST", // or GET 
      url: "mylink.php",//what ever link you want to load 
      data: "someData=someThing&someMore=somethingElse", 
      success: function(data){ 
        $("#someElement").doSomething(). 
      } 
    }); 
    return false; 
    });