2

我希望有人可以提供帮助。我遇到了一个问题，即我在一个可编辑的可编辑链接上的可编辑链接在桌面浏览器上使用时有效，但在移动设备上无效。这可以通过简单地减小浏览器的宽度来复制，因为 footable 隐藏列并提供向下扩展以查看隐藏列的选项。

我在这里创建了一个 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();
4

0 回答 0