document.ready中未调用javascript函数

Question

我有两个函数，可以用jqwidgets库创建两个组合框。这两个函数大部分是相似的。我在$(document).ready(function ()中调用了它们，但第一个函数运行良好，第二个函数甚至没有调用。我把这些代码放在一个函数中，但是第二部分从来没有运行过。

function f1() {
     var url2 = "/autosuggest/JsonOrigins.aspx";

     var source2 = {
         datatype: "json",
         datafields: [{
             name: 'id'
         }, {
             name: 'name'
         }],
         url: url2,
         async: false
     };
     var dataAdapter2 = new $.jqx.dataAdapter(source2);
     // Create a jqxComboBox
     $("#originsjqxWidget").jqxComboBox({
         source: dataAdapter2,
         multiSelect: true,
         displayMember: "name",
         valueMember: "id",
         width: 145
     });


     $("#arrow").jqxButton({});
     $("#arrow").click(function () {
         $("#originsjqxWidget").jqxComboBox({
             showArrow: false
         });
     });

     $("#originsjqxWidget").on('change', function (event) {
         var items = $("#originsjqxWidget").jqxComboBox('getSelectedItems');
         var selectedItems = "Selected Items: ";
         $.each(items, function (index) {
             selectedItems += this.label;
             if (items.length - 1 != index) {
                 selectedItems += ", ";
             }
         });
         $("#log").text(selectedItems);
     });
 };

 function f2() {
     var url = "/autosuggest/JsonTag.aspx";

     var source = {
         datatype: "json",
         datafields: [{
             name: 'id'
         }, {
             name: 'name'
         }],
         url: url,
         async: false
     };
     var dataAdapter = new $.jqx.dataAdapter(source);

     $("#categoriesjqxWidget").jqxComboBox({
         source: dataAdapter,
         multiSelect: true,
         displayMember: "name",
         valueMember: "id",
         width: 145
     });


     $("#arrow").jqxButton({});
     $("#arrow").click(function () {
         $("#jqxComboBox").jqxComboBox({
             showArrow: false
         });
     });

     $("#categoriesjqxWidget").on('change', function (event) {
         var items = $("#categoriesjqxWidget").jqxComboBox('getSelectedItems');
         var selectedItems = "Selected Items: ";
         $.each(items, function (index) {
             selectedItems += this.label;
             if (items.length - 1 != index) {
                 selectedItems += ", ";
             }
         });
         $("#log").text(selectedItems);
     });
 }


 $(document).ready(function () {

     f1();
     f2();

 });

Answer 1

删除第一个函数后的；。

Answer 2

尝尝这个

var source2 = {
     datatype: "json";
     datafields: [{
         name: 'id'
     }, {
         name: 'name'
     }],
     url: url2,
     async: false
 };

Answer 3

我认为在函数f1的末尾有一个额外的；

        function f1(){ 
...
                 if (items.length - 1 != index) {
                     selectedItems += ", ";
                 }
             });
             $("#log").text(selectedItems);
         });
     };