未捕獲的TypeError：$（…）.autocomplete不是函數

Question

我在Backbone.js項目中的許多文本字段中使用了JQuery UI自動完成功能。 這些庫按以下正確順序加載：

define(['jquery','jquery-ui.min','jquery.ui.touch-punch']);

自動完成功能被調用，如下所示：

$("#channelRspm").autocomplete({
 minLength: 3,
 delay: 1000,
 source: function(request, response) {
 var results = $.ui.autocomplete.filter(channel, request.term);
 response(results.slice(0, 10));
   }
});

問題在於自動完成行為非常隨機。 在Chrome瀏覽器上運行源代碼時，有時它可以完美運行。 但是，有時我在console中收到錯誤：
未捕獲的TypeError：$（...）。autocomplete不是函數

刷新html通常可以使其再次工作，但是那不是我想要的。 有人可以建議我要去哪里嗎？

Answer 1

您應該確保使用shim在jquery之后加載了jquery-ui 。

require.config({
  paths: {
    "jquery": "lib/jquery",
    "jquery-ui": "lib/jquery-ui",
    "underscore": "lib/underscore",
    "backbone": "lib/backbone"
  },
  shim: {
    "underscore": {
        exports: "_"
    },
    "backbone": {
        exports: "Backbone",
        deps: ["underscore", "jquery"]
    },
    "jquery-ui": {
        exports: "$",
        deps: ['jquery']
    }
  }
});

您需要以類似方式將jquery-ui指定為jquery.ui.touch-punch依賴jquery.ui.touch-punch 。

然后像這樣定義你的模塊

define(['jquery','jquery-ui','jquery.ui.touch-punch']);