多個插件依賴不同版本jQuery問題解決案例

    <!--上傳圖檔隻能搭載1.3.2.min.js 版本-->

    <script src="../../../js/jquery.form.js" type="text/javascript"></script>

    <!--autocomplete下拉搜尋開始-->

    <link href="../../../js/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" type="text/css" />

   <!--autocomplete需要高版本js，不要修改它的順序，因為autocomplete必須-->

   <script src="../../../js/jquery-1.8.0.js" type="text/javascript"></script>

   <script type="text/javascript">

   var $jq_1_8_0 = jQuery.noConflict(); //将jQuery還原為上一個被覆寫的版本

   </script>

  <script src="../../../js/jquery-ui-1.12.1.custom/jquery-ui.js" type="text/javascript"></script>

  <script src="../../../js/myClass.js" type="text/javascript"></script>

(function ($) {

  var classData = null;

  //var testSource = ["abc","abd","abc1","bcd","bcdf","def","2016","2015","2017","2018"];

  window.onload = function () {

    classData = loadClassData();

    // alert($.fn.jquery);

    $("#AddClass").autocomplete({

        minChars: 0, //輸入多少字元觸發

        minLength: 0,

        source: classData,

        mustMatch: true,

        focus: function (event, ui) {

           $("#AddClass").val(ui.item.label);

           $("#HiddenField_Class").val(ui.item.value);

           return false;

         },

        select: function (event, ui) {

          $("#AddClass").val(ui.item.label);

          $("#HiddenField_Class").val(ui.item.value);

          return false;

        }

    }).autocomplete("instance")._renderItem = function (ul, item) {

       return $("<li>")

         .append("<div>" + item.label + "</div>")

         .appendTo(ul);

       };

};

//下拉類别

function loadClassData() {

    var arrData = [];

    var classItem = function classItemObj(value, text) {

    this.value = value;

    this.label = text;

    }

$.ajax({

    type: "get",

    async: false,

    url: "/Manager/AjaxRequest/SelectClass.ashx?ParentId=20150424163224980114&cmd=ps",

    success: function (data) {

        var dataObj = eval("(" + data + ")"); //轉換為json對象

        $.each(dataObj.Table, function (i, item) {

           // var html = "<option value='" + item.class_aid + "'>" + item.class_name + "</option>";

           arrData.push(new classItem(item.class_aid, item.class_name));

           })

       }

   });

    return arrData;

  }

})($jq_1_8_0);