javascript函數未在document.ready中調用

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);
         });
     };