与Footable紧凑视图一起使用时,X-editable问题

时间:2015-07-09 12:00:37

标签: javascript jquery x-editable footable

我希望有人可以提供帮助。我有一个问题,即我在一个足迹上有一个可编辑的x链接,当在桌面浏览器上使用时,但在移动设备上不能使用。这可以通过简单地减少浏览器的宽度来复制,因为可以打开隐藏列,并提供向下扩展以查看隐藏列的选项。

我在这里创建了一个JSFiddle:fiddle

具体问题是即使链接出现在展开的精简视图中,也没有任何点击次数会呈现链接的x可编辑输入。奇怪的是,当我在自己的服务器上遇到这个问题时,当你回到全宽度浏览时,可以看到多个x-editable输入框的实例,但是我无法在小提琴中复制这种行为。

如果您需要任何澄清,请告诉我们!

提前致谢。

这是代码:

 <table class="footable table">
    <thead>
        <tr>
            <th data-class="expand">
                Col1
            </th>
            <th>
                Col2
            </th>
            <th data-hide="phone,tablet">
                Col3
            </th>
            <th data-hide="phone,tablet">
                Col4
            </th>
            <th data-hide="all" data-ignore="true">
                Id
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="fooNewRecord">
            <td>12345</td>
            <td>done</td>
            <td><a href="#" class="myeditable" id="col3value" data-type="text" data-pk="1" data-url="/post" data-title="UpdateValue">23</a></td>
            <td>20</td>
            <td>1</td>
        </tr>
    </tbody>
</table>

 $(function () {
 $('.footable').footable();
 });
 $.fn.editable.defaults.mode = 'inline';
 $('.myeditable').editable();
 $('table').footable();

0 个答案:

没有答案