2013-02-16 91 views
0

我的網站有一些腳本。 第一個腳本是一個csv到json腳本。 接下來是一個'結果'腳本。這會從json中獲取信息並創建一個無序的複選框列表,並創建這些結果的表格。無序列表允許過濾表格以顯示特定結果。如何強制腳本覆蓋另一個腳本?

它工作的很好,但現在我正在嘗試將Footable(http://themergency.com/footable/)併入表中,因此表格有很多列,因此它響應。在HTML頭

我的腳本命令如下:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="/assets/js/library/04-csvtojson.js"></script>/ 
<script type="text/javascript" src="/assets/js/results.js"></script> 
<script src="/assets/js/footable-0.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
    $('table').footable(); 
}); 
</script> 

有了這個,我假設JS會開除的順序。但Footable部分沒有。 我相信這可能是因爲創建此表的results.js。

這裏是pastie到results.js:http://pastie.org/6197248

及其創建哪些元素是可過濾的,在用於Footable必要的屬性添加和創建表。

查看頁面後,一切都恢復正常,但Footable部分似乎不起作用並隱藏了我想要的表格部分。

奇怪的是,當我打開Firebug並將上面的函數中的'table'更改爲'#data'表結果的id時,它會觸發Footable代碼,從而隱藏元素。

有沒有辦法強制這種情況發生?
這將需要與results.js一些如何?

在此先感謝!

回答

2

您使用的是異步的AJAX,因此您在創建表之前嘗試應用footable插件。

您需要parseResults功能,或後馬上打電話給你的renderTable函數中的插件使用

編輯:另外還有一個setTimeout被稱爲管理中renderTable創建表的HTML。插件需要在同一個內部初始化setTimout

+0

好吧我已經添加了這個footable('#data');到pareseResults功能,沒有骰子。 我對自定義JS編碼有點新,所以請溫柔,大聲笑 – 2013-02-16 19:45:43

+0

,似乎不正確的調用插件的語法..' $(選擇器).footable({/ *選項* /})' – charlietfl 2013-02-16 19:48:26

+0

好吧,它應該看起來像這樣:http://pastie.org/6197605 – 2013-02-16 19:50:56

相關問題