$(..).自动完成不是一个函数

$(...).autocomplete is not a function

本文关键字:函数 一个      更新时间:2023-09-26

在jquery中使用自动完成。我面临一个问题

类型错误: $(...)。自动完成不是一个函数

我包含了所有必要的脚本文件。我无法理解我在哪里犯了错误。我该如何解决这个问题?

<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.9.1.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.hashchange.min.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.easing.1.3.js" ></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.tools.min.js" ></script>
<script>
$(document).ready(function () {
    $('#namanyay-search-box').keyup(function (e) {
        var searched = $('#namanyay-search-box').val()
        $.getJSON('get_data', 'title=' + searched, function (result) {
            var elements = [];
            $.each(result, function (i, val) {
                elements.push(val.merchant_name)
            })
            $('#namanyay-search-box').autocomplete({
                source: elements
            })
        })
    });
    var indicator = $('#indicator'),
        indicatorHalfWidth = indicator.width() / 2,
        lis = $('#tabs').children('li');
    $("#tabs").tabs("#content section", {
        effect: 'fade',
        fadeOutSpeed: 0,
        fadeInSpeed: 400,
        onBeforeClick: function (event, index) {
            var li = lis.eq(index),
                newPos = li.position().left + (li.width() / 2) - indicatorHalfWidth;
            indicator.stop(true).animate({
                left: newPos
            }, 600, 'easeInOutExpo');
        }
    });
});
</script>

你缺少jQuery UI库,包括jQuery UI中的脚本和css文件

同时删除重复的 jquery 库。

下载此 http://code.jquery.com/ui/1.10.3/jquery-ui.js 并将其放置在资产中并添加以下代码

  <script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-ui.js" ></script>