Jquery UI和Bootstrap JS冲突导致自动完成停止工作

// 释放 $ 变量的控制权
var jq = jQuery.noConflict();

// 使用 jq 代替 $
jq(document).ready(function(){
    jq("#autocomplete").autocomplete({
        source: ["apple", "banana", "cherry"]
    });
});

<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>
    jQuery(document).ready(function($){
        // 在这里使用 $ 安全地引用 jQuery
        $("#autocomplete").autocomplete({
            source: ["apple", "banana", "cherry"]
        });
    });
</script>
<script src="bootstrap.js"></script>

requirejs.config({
    paths: {
        'jquery': 'path/to/jquery',
        'jquery-ui': 'path/to/jquery-ui',
        'bootstrap': 'path/to/bootstrap'
    }
});

require(['jquery', 'jquery-ui', 'bootstrap'], function($){
    $("#autocomplete").autocomplete({
        source: ["apple", "banana", "cherry"]
    });
});

// 假设 Bootstrap 和 jQuery UI 都定义了一个名为 'tooltip' 的插件
// 可以通过重命名其中一个插件来解决冲突
jQuery.ui.tooltip = jQuery.ui.autocomplete;