2

誰かが助けてくれることを願っています。フッタブルに x-editable リンクがあり、デスクトップ ブラウザでは機能するが、モバイル デバイスでは機能しないという問題があります。フッタブルは列を非表示にし、下に展開して非表示の列を表示するオプションを提供するため、ブラウザの幅を縮小するだけでこれを再現できます。

ここに JSFiddle を作成しました:フィドル

具体的には、リンクが展開されたコンパクト ビューに表示されていても、クリックしてもリンクの x-editable 入力がレンダリングされないという問題があります。奇妙なことに、自分のサーバーでこの問題に遭遇したとき、全幅のブラウジングに戻ると、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