使用jQuery加载HTML片段

Question

我对jQuery,Ajax和类似的东西都很新.我找到了如何将HTML片段注入我的网站的解决方案:

 $(document).ready(function(){  
     $('a').click(openContent); //binding all anchors to this function
 });

function openContent(){ 
 var path = $(this).attr('href');
 $('#content').load(path); 

 return false; //to prevent browser from loading the single HTML fragment
}

这真的很好!问题是,当点击位于之前注入的新HTML片段中的锚点时,将不会执行这些功能.因此片段不会被注入div,浏览器只会为自己加载片段.

希望有一些解决方案并不那么棘手......谢谢

---

更新:
好的,现场做得很好,但是,

还有图片连接到jQuery灯箱插件(balupton-edition),在这些片段中有rel ="lightbox-tour".它们显示在新窗口中而不是lightbox-div中.有什么建议？

Answer 1

使用live,将它绑定到每个添加的锚点:

$('a').live('click',openContent);