2013-02-16 46 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

相关问题