一、問題描述：最近搞個BS系統，需求前臺開發，用的是easyui1.4.2，在做tab的刷新時，按照官網的例子，做出來的效果讓我大失所望。點擊刷新的時候，刷新圖標重復出現，點一次多一個。度娘里沒有找到相關資料，很是頭疼。

如圖：

源碼片段：

<div title="MyDocuments" data-options=" tools:[{iconCls:'icon-mini-refresh',handler:function(){refreshTab('MyDocuments');}}]" style="padding:10px"><ul class="easyui-tree"data-options="url:'tree_data1.json',method:'get',animate:true"></ul></div><script type="text/javascript">function refreshTab(title){var tt= $('#ttab');var cruuTab = tt.tabs('getTab',title);var url = $(cruuTab.panel('options').content).attr('src');tt.tabs('update',{tab:cruuTab,options:{title: title,href: url // the new content URL//content:cruuTab.panel('options').content}});}</script>

?

二、問題排查：

? ?1.上圖就是啥代碼沒有的純凈版模擬。按照官網處理的。也同樣有問題。

? ?2.后來想想是不是easyui的bug，換了個其他版本，找了個1.3.6的試試。居然可以了。

?

三、問題解決：修改了1.4.2版本的源碼，去掉了一個remove。就可以繼續用1.4.2了。

如圖：代碼我格式化了下。對比了之前的svn版本。看的比較清晰些：

?

?

總結

以上是生活随笔為你收集整理的easyui 1.4.2 Tab刷新图标重复问题的全部內容，希望文章能夠幫你解決所遇到的問題。

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