我尝试通过twitter bootstrap集成的出色的适用于插件的插件未初始化。也就是说,感谢我的萤火虫检查器,我可以看到该表是由适用的插件处理的,但是我一直想隐藏的行:
data-hide="all"
可见。如果更改浏览器的大小,则该表具有我期望它在页面启动时应具有的行为。
我已经尝试过firefox / chrome和不同的jQuery版本,但还是一样!
我以最简单的示例为例,看看发生了什么,但是再没有运气了!据说footable正在与bootstrap一起工作。
我正在使用requireJS在页面上加载大量脚本,但没有出现此错误。我不明白表如何被footable识别,但是它的属性无法激活!
感谢您进行任何调查!
编辑:
我知道问题出在我的表在页面加载时位于隐藏的div中(使用引导向导),因此添加:
onTabShow: function(tab, navigation, index) {
if(index===3){
$('.footable').trigger('footable_initialize');
}
}
做到了:)
最佳答案
这是因为fooTable
在隐藏的div/tab
中无法分辨屏幕的大小。
使用以下jQuery:
$(document).ready(function() {
$('.nav-tabs a').click(function (e) {
//prevents re-size from happening before tab shown
e.preventDefault();
//show tab panel
$(this).tab('show');
//fire re-size of footable
$('.footable').trigger('footable_resize');
});
});