javascript - JQuery 冲突不起作用

Question

我试图避免 jquery 1.2.6 和最新版本 1.11.3、boostrap.js 之间的冲突:

<script type="text/javascript" src="js/jquery.js"></script>
<script type='text/javascript' src='js/custom.js'></script>
  <script type="text/javascript">
    $().ready(function() {
    var autocm = jQuery.noConflict();
    autocm("#search").autocomplete("php/getvalues.php", {
        width: 383,
        matchContains: true,
        //mustMatch: false,
        //minChars: 0,
        //multiple: true,
        //highlight: true,
        //multipleSeparator: ",",
        selectFirst: false
    });(autocm);
});
</script>



    <script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
    <script type='text/javascript' src="js/bootstrap.min.js"></script>
    <script type='text/javascript' src="js/carousel.js"></script>
 $('#carousel-text').html($('#slide-content-0').html());

        //Handles the carousel thumbnails
        $('[id^=carousel-selector-]').click( function(){
                var id_selector = $(this).attr("id");
                var id = id_selector.substr(id_selector.length-1);
                var id = parseInt(id);
                $('#myCarousel').carousel(id);
        });


        // When the carousel slides, auto update the text
        $('#myCarousel').on('slid', function (e) {
                var id = $('.item.active').data('slide-number');
                $('#carousel-text').html($('#slide-content-'+id).html());
        });

如果我启用

    <script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
    <script type='text/javascript' src="js/bootstrap.min.js"></script>
    <script type='text/javascript' src="js/carousel.js"></script>

自动完成功能不起作用。

Answer 1

the autocomplete won't work

我的猜测(这必须是猜测，因为您没有告诉我们有关自动完成的任何信息)是它使用了 jQuery 1.2.6 中不再存在的某些内容，或者可能只是不完全相同，如 jQuery 1.11.3 所示。您正在执行的 noConflict 调用所做的只是在 ready 回调中保护您的代码；自动完成器中使用 $ 或 jQuery 稍后在用户执行某些操作时访问 jQuery 的任何代码都将使用 v1.11.3。

这里最好的做法是不要尝试在同一页面中使用两个版本的 jQuery。非常非常非常第二好的方法是编辑自动完成以获取对加载时有效的jQuery的本地引用，并继续使用那。 (一个编写良好的插件可以做到这一点，但是还有很多编写得不是很好的插件......)

这可能就像将其放在 js/custom.js 文件的开头一样简单:

(function($) {
    var jQuery = $;

...最后是这个:

})(jQuery);

但是，这又是一个非常遥远的次优解决方案。最好的办法是不要使用 jQuery 1.2.6。完全没有。