Javascript 使用listChanged参数

我正在使用jQueryUI插件，我想知道列表何时更改，以便在数据库中更新它。这个插件有一个listChanged函数，但我不知道如何使它工作。我以这个例子为例：

    <script>
        $(document).ready(function () {
            var $sourceFields = $("#sourceFields");
            var $destinationFields = $("#destinationFields");
            var $chooser = $("#fieldChooser").fieldChooser(sourceFields, destinationFields);
        });
    </script>

    <div id="fieldChooser" tabIndex="1">
        <div id="sourceFields">
            <div>First name</div>
            <div>Last name</div>
            <div>Home</div>
            <div>Work</div>
            <div>Direct</div>
            <div>Cell</div>
            <div>Fax</div>
            <div>Work email</div>
            <div>Personal email</div>
            <div>Website</div>
        </div>
        <div id="destinationFields">
        </div>
    </div>

    $chooser.on("listChanged",function(event,selection,list){
    //event <- The jQuery event invoking the callback.
    //selection <- The field (or set of fields) which has moved.
    //list <- The field list to which the selection has moved.
    alert("listChanged");
    }

---

我很感激任何关于这项工作的建议。谢谢。

使用正确的代码，这项功能可以正常工作

工作示例：

JavaScript

---

您在console中看到了哪些错误？能够为此创建一个提琴：从此演示中：发现var$chooser=$fieldChooser.fieldChoosersourceFields，destinationFields存在问题；因为变量名称不匹配。

$chooser.on("listChanged",function(mouseup,sourceFields,destinationFields){

alert("listChanged");
});

$(function() {
  var $chooser = $("#fieldChooser").fieldChooser();
  var $sourceFields = $("#sourceFields").children();
  $chooser.getSourceList().add($sourceFields);
  $chooser.on("listChanged", function(event, selection, list) {
    alert("listChanged");
  });
});