0

jquery uiのソート可能なリストの順序をサーバーに保存しようとしています。ユーザーがタブをクリックしたときに外部ファイルからリストをロードし、各リスト項目にチェックボックスを追加しています。チェックボックスを追加する行を入力するまで、コードは正常に機能していましたが、サーバーに注文が保存されなくなりました。prepend チェックボックスの行が壊れている理由がわかりません。どんな助けでも大歓迎です。

リストをロードしてチェックボックスを追加するJquery：

        window.onload = function() {


        var a = document.getElementById("fvsortid"); // loads slides when user clicks tab and adds checkbox

          a.onclick = function() {
          $("#sortable").load("file.xml");
          $("#sortable").load("file.xml", function(){
          $('<input type="checkbox"/>').prependTo('#sortable li');
          });
}    

        }

注文を更新する Jquery:

$(document).ready(function(){   
    $('#sortable').sortable({
        update: function(event, ui) {
            var newOrder = $('#sortable').html();
            $.get('reorder.php', {order:newOrder});
            alert("New order saved to server");
        }
    });

});

Reorder.php:

   <?php
    $items = $_GET['order'];
    $items = "<body>\n$items\n</body>";
    file_put_contents('file.xml', $items);
    ?>
4

1 に答える 1

0

input要素の先頭に要素を追加するliと、入力は の子要素になりますがul、これは無効です。inputおそらく、別の要素の先頭に追加したり、要素でラップしたりできますliか?

于 2012-10-16T17:57:45.493 に答える