Question

我在同一页面使用Bootstrap和jQuery。以前我使用bootstrap typeahead进行自动完成，但后来决定使用jQuery自动完成。但我收到自动选择的数据有问题。可能是由于“$”符号的混乱，因为如果我错了，jQuery和Bootstrap使用相同的符号纠正我。我的代码是

            $('#startstop').autocomplete({ 
               source: stopNames,
                delay: 200,
                minLength: 2,
                onSelect:function (suggestion){
                    start = suggestion.value; 
                    console.log(start);       
                }
            });

控制台显示对象没有自动完成方法。

Answer 1

尝试这样的事情

包括jquery Ui

    <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" media="screen" />
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $('#startstop').autocomplete({ 
           source: stopNames,
            delay: 200,
            minLength: 2,
            select:function ( event, ui){
                start = this.value; 
                console.log(start);       
            }
        });
    </script>

Answer 2

首先不是引导问题，包括jquery然后jquery-ui

Answer 3

如果$符号出现问题，请使用jQuery.noConflict()，您可以更改jQuery的 $ 符号。

<强> JS ：

jQuery.noConflict();
    (function( $ ) {
      $(function() {
        // More code using $ as alias to jQuery
      });
    })(jQuery);

使用jquery和bootstrap时混淆$

3 个答案: