我试图通过 twitter bootstrap 集成的优秀 footable 插件未初始化。也就是说,感谢我的 firebug 检查器,我可以看到该表是由 footable 插件处理的,但我总是想隐藏该行:
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');
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)