2013-03-08 75 views
1

我動態更新表使用的版本 jQuery的1.7.2.min, 的tablesorter 2.7.12分鐘阿賈克斯更新後的工作, 的tablesorter 2.4及以上的部件 - 更新2 /二千〇一十三分之二十四。的jQuery的tablesorter:過濾器和斑馬部件停止IE8僅

該代碼在IE9和Chrome中運行正常,但在IE8中,過濾器和斑馬窗口小部件在ajax更新後停止工作,排序仍然有效。

<table class="tablesorter"> 
    <thead> 
     <tr> 
      <th style="width: 145px;">Orig_Time</th> 
      <th style="width: 145px;">Corra_Time</th> 
      <th style="width: 120px;">Site</th> 
      <th style="width: 120px;">Area</th> 
      <th>Reference</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 
$(document).ready(function() { 
$("table").tablesorter({ 
    sortList: [[0, 1]], 
    widthFixed: true, 
    theme: 'green', 
    widgets: ["filter", "stickyHeaders"], 
    widgetOptions: { 
     stickyHeaders: "tablesorter-stickyHeader", 
     filter_cssFilter: "tablesorter-filter", 
     filter_hideFilters: false, 
     filter_functions: { 
      3: { 
       "Midlands+North": function(f) { 
        return f === "Midlands" | f === "North"; 
       }, 
       "Scotland+NI": function(f) { 
        return f === "Scotland" | f === "N.Ireland"; 
       }, 
       "South+East": function(f) { 
        return f === "South" | f === "East"; 
       }, 
       "Wales+West": function(f) { 
        return f === "Wales" | f === "West"; 
       }, 
       "Mid+Nor+Sco+NI": function(f) { 
        return f === "Midlands" | f === "North" | f === "Scotland" | f === "N.Ireland"; 
       }, 
       "Sou+Eas+Wal+Wes": function(f) { 
        return f === "South" | f === "East" | f === "Wales" | f === "West"; 
       } 
      } 
     } 
    } 
}); 
}); 

function alarms() { 
$("table tbody").load("includes/alarmsResults.php", function() { 
    $("table").trigger("update"); 
}); 
} 

window.setInterval(alarms, 10000); 

alarmsResults.php只運行一個SQL查詢和<tr><td>標籤返回結果。

如果數據是靜態的,但更新過濾器和斑馬停止工作後,IE8可以正常工作。請有任何想法嗎?

我已經使用tableSorter 2.1小部件 - 2012年4月2日更新和舊的過濾器,它的工作原理,但它沒有自定義過濾器選項。

乾杯。

+0

你可以嘗試在更新後添加'.trigger('refreshWidgets')',看看是否解決了你的問題([ref](http://mottie.github.com/tablesorter/docs/#refreshwidgets)) 。 – Mottie 2013-03-08 22:11:03

+0

嗨...我已經嘗試更新後的刷新,但仍然沒有喜悅。 – user2149065 2013-03-09 14:10:55

+0

您可以設置演示。 – Mottie 2013-03-09 17:32:27

回答

0

我發現了這個問題,我!我在最後的</tr> <small>$time</small>之後添加了SQL查詢在返回的數據中運行所花費的時間。 IE8不喜歡它,因爲它包含在沒有<tr><td>標籤的tbody中,IE9和Chrome只是忽略它。

相關問題