左侧菜单右侧内容实现方式

最近做项目发现，点击左侧菜单，右侧内容反应有些慢，所以想换一种方式，从网上找到多种方式，对其中的两种方式进行了尝试

1、点击左侧菜单时A页面采用ajax，action中返回页面B；

2、A页面嵌套iframe，打开时指定target，action返回B页面。

1、在使用ajax时，由于返回的第二个页面中需要用到js，在B页面中的onclick中无法触发到B页面中的普通function，触发的是A页面中的function，后来查看网上资料发现是页面的加载顺序问题，

ajax载入新dom之前js 就加载完了，事件当然没有绑定到新载入的dom上，

可以参考 http://www.jb51.net/article/106210.htm

不过可以采用
<li name="te" value="1"><a href="#" >${i}</a></li>

$(document).on('click','li[name=te]',function(){

}

由于这样写确实有些别扭

2、<a href="testList" target="demoIframe">流水查询 </a> 

<IFRAME ID="demoIframe" Name="demoIframe" FRAMEBORDER=0 SCROLLING=NO SRC="index"  style="width:100%;height:700px;"></IFRAME>
这种方式，在testList返回的B页面中，样式需要重新加入

以上是自己的观点，如有问题欢迎大家指正

$(document).on('click', "#layoutBefore", function(){ ... });