利用AJAX動態加載頁面，實現無刷新加載，有時會出現一些問題。比如說，在一些jquery控件中，是利用在頁面加載的時候，對一些帶有特殊屬性的元素進行處理，比如事件綁定什么的。假如是動態加載，此時頁面早已加載完畢，那么動態輸出的，帶有這些特殊屬性的元素，就得不到處理，就不會有特定的效果。

比如：

<a class="btn blue thickbox" title='添加新角色' href="@Url.Action("Create")?TB_iframe=true&height=350&width=500"><i class="icon-plus icon-white"></i> 新增</a>

本來點擊這個鏈接，會有一個對話框彈出（參見thickbox），但假如這段代碼用ajax動態輸出，則沒有這個效果。

應對之道，在動態加載完畢后，緊接著執行：

tb_init('a.thickbox', 'tr.thickbox', 'td.thickbox');//解決動態生成無效的問題 //tb_init是jquery.thickbox.js的函數

這種通過定義標記的個性化屬性，然后由JS加以解釋、處理，是一種很妙的思路。以前我在easyUI上見識過，但沒有怎么留意。

轉載于:https://www.cnblogs.com/leftfist/p/6808787.html

總結

以上是生活随笔為你收集整理的动态输出html一些效果失效的处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。