Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery自动完成冲突-_Javascript_Jquery - Fatal编程技术网

Javascript jQuery自动完成冲突-

Javascript jQuery自动完成冲突-,javascript,jquery,Javascript,Jquery,我试图在我的项目中使用jquery ui的自动完成功能,但我不知道为什么第二个$'.search'.autocomplete是 不工作 也许我必须使用$.noConflict 如果是,我如何使用它$.noConflict 有人能告诉我如何用它来解决这个问题吗 如果有任何帮助,我将不胜感激 使用firebug我得到了这些错误 事后 首先 我不知道“实例”这个词是从哪里来的 以下是js文件的顺序 -js/jquery-ui.min.js -jquery.autocomplete.js jQuer

我试图在我的项目中使用jquery ui的自动完成功能,但我不知道为什么第二个$'.search'.autocomplete是 不工作

也许我必须使用$.noConflict

如果是,我如何使用它$.noConflict

有人能告诉我如何用它来解决这个问题吗 如果有任何帮助,我将不胜感激

使用firebug我得到了这些错误 事后

首先 我不知道“实例”这个词是从哪里来的

以下是js文件的顺序

-js/jquery-ui.min.js
-jquery.autocomplete.js


jQuery(document).ready(function($) {

$.ajaxSetup( { type: "post" } );

// THIS IS WORKING PERFECTLY 
    $("#item").autocomplete(url+'/item_search', {
        minChars:0,
        selectFirst: false,
        width: 749,
        multiple: false,
        matchContains: true,
        formatItem: formatItem,
        formatResult: formatResult
    });

// THIS SHOW THE ERROR WHICH MENTIONED UP THERE
// IT'S NOT WORKING    
$('#search').autocomplete({
        minLength: 0,
        source: path3+'/get_spareparts',
        focus: function( event, ui) {
            $('#search').val( ui.item.item_id );
            return false;
        },
        select: function(event, ui) {
            output   = '';
            output  += '<tr>';
            output  += '<td>'+ui.item.item_id+'</td>';
            output  += '<input type="hidden" value="'+ui.item.id+'" name="item_id"></td>';
            output  += '<td>'+ui.item.item_name+'</td>';
            output  += '<td>'+ui.item.price+'</td>';
            output  += '<td><input type="text" name="qty" value="" size="1" class="qty"></td>';
            output  += '<td>'+ui.item.desc+'</td>';
            output  += '<td><a href="" class="spareTrash" data-toggle="button">Delete</a></td>';
            output  += '</tr>';

            $('.inject').append(output);
            $(this).val('');
            deleteItem(); // DELETE ITEM
            return false;
        }

    }) .autocomplete( "instance" )._renderItem = function( ul, item ) {
        return $( "<li>" )
        .append( "<a>" + item.desc + "<br>" + item.item_id + "</a>" )
        .appendTo( ul );
    };


function deleteItem () {
        $('.spareTrash').on('click', function(event) {
            event.preventDefault();
   $(this).parent().parent().fadeOut(900, function(){  $(this).remove();});
        });
}


}); // END READY JQUERY

请参见第二个$'.search.autocomplete不起作用的class.search,或者在$'search.autocomplete?$'search.autocomplete{}处进行id搜索。请参见,我已在另一个项目上测试了第二个autocomplete search.autocompete。它工作正常,我使用了jquery ui api文档。正如我所说,它适用于不同的项目。一些关于它如何在这个项目上不起作用的描述可以描述它不起作用吗?