在bootstrap 3中没有初始化

Question

我试图通过twitter bootstrap集成的优秀footable插件不会初始化.也就是说,感谢我的firebug检查员,我可以看到该表是由footable插件处理的,但我总是希望隐藏该行:

data-hide="all"

是可见的.如果我改变浏览器的大小,那么表格就有我期望在页面启动时应该具有的行为.

我尝试过firefox/chrome和不同的jQuery版本,但仍然相同!

我采取了最简单的足迹示例,看看发生了什么,但没有更多的运气!据说它足以与开箱即用的bootstrap一起工作.

我正在使用requireJS在我的页面上加载大量脚本,但没有错误.我无法理解如何通过footable识别表格,但它的属性不会激活!

感谢您的任何调查方式!

编辑:我已经明白问题来自我的表是在页面加载隐藏div(使用引导向导)所以添加:

onTabShow: function(tab, navigation, index) {
if(index===3){
        $('.footable').trigger('footable_initialize');
}

}

做了诀窍:)

Answer 1

这是因为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'); 
    });
});