サイトの管理画面でライブラリのDatatablesを使用しています。
https://datatables.net/
各行毎に入力エリアがあり、保存ボタンを設置しています。
<tr> <td>100</td> <td><input type="text" id="desc1_100" value=""></td> <td><button type="button" id="smt100">保存</button></td> </tr>
行は動的に出力していますので、formもJSも別箇所に動的に出力しています。
<form method="post" id="form_100" action="./"> <input type="hidden" name="id" value="100"> <input type="hidden" id="desc2_100" name="description" value=""> </form> ~~ $("#smt100").on("click", function() { $("#desc2_100").val($("#desc1_100").val()); $("#form_100").submit(); });
最初に表示される行についてはこれで問題なく動くのですが、ページネーションをクリックし、dispay:noneで隠れていたページの行になると発火しません。
jQueryの部分をdiv#addjsで囲い、
$('.paginate_button').on('click', function() { $('#addjs').load(document.URL+'#addjs'); });
で行けるかな・・と思いましたが、残念ながらDatatables部分のレイアウトが崩れてしまいました。
何卒ご指南を頂きたく、お願い致します。
回答1件
あなたの回答
tips
プレビュー