左側選單右側內容實現方式
阿新 • • 發佈：2019-01-01
最近做專案發現，點選左側選單，右側內容反應有些慢，所以想換一種方式，從網上找到多種方式，對其中的兩種方式進行了嘗試
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(){ ... }); |