具有FooTable的相对表格单元内部包装器

时间:2014-04-12 20:23:42

标签: javascript jquery footable

我有一个函数用<div class="innerWrapper" style="position: relative;">包装表格单元格的内部内容。我在调用footable的同一元素上调用函数时遇到问题。

我的footable toggle按钮是绝对定位的(因此需要相对的包装器),所以我必须等到footable创建<span class="footable-toggle">之后再调用函数来包装span(和其他表格单元格内容)。

我正在使用footable的'footable_initilized'事件来调用该函数。但是,我无法在调用footable的同一元素上调用它。目前,我的代码如下所示:

$('#trackingDetails').footable({
    breakpoints: {
        phone: 529,
        tablet: 767
    }
}).on('footable_initialized', function() {
    $('#trackingDetails').find('.expand').relativeTable();
}());

我对javascript很新。那就是说,我的问题是:

  1. 有没有更好的方法使用footable's events调用我的relativeTable函数?
  2. 为什么this在足迹​​调用后链接时会引用document? (导致我必须两次选择相同的元素)?
  3. 上面的代码除了优化不佳之外,当用户在桌面视图中加载页面(没有隐藏表格行)时会失败,然后调整浏览器窗口的大小,触发足迹以隐藏表格单元格。在这种情况下,可伸缩的拨动开关注入相对包装外部,如下所示。

    <td>
        <span class="footable-toggle"></span>
        <div class="innerWrapper"></div>
    </td>
    
  4. 我非常感谢javascript大师指着我正确的方向!

0 个答案:

没有答案