发表新帖
发表新帖

jQuery UI Autocomplete - menu disappears on hover

后端 未结
关注
6 2082
爱一瞬间的悲伤
爱一瞬间的悲伤 2020-12-02 16:18

I\'m trying to use jQuery UI Autocomplete to bring up a list of names of people in a MySQL Database. The basic function is working - when you type in two or more letters a l

相关标签:
6条回答
  • 闹比i
    2020-12-02 17:00

    The jquery file which is loaded in your header contains all UI element, and the one which automatically gets added in your file, have the children element which does not needed to upload, so you should remove it.

    0 讨论(0)
  • 醉酒成梦
    2020-12-02 17:07

    This error is caused when two jQuery UI files are loaded into your browser at the same time.This may cause jquery conflict. Remove the unused jquery UI file to solve the error.

    In my case jquery-ui.min.js file was unintentionally included from assets folder.To remove it i added one code in components in config/main.php

         'clientScript' => array(
        'scriptMap' => array(
            'jquery-ui.min.js' => false,
        )),
    0 讨论(0)
  • 佛祖请我去吃肉
    2020-12-02 17:10

    I had same problem and I did not use the jquery UI twice, my jquery UI was part of jquery DataTable.
    My problem was solved with following code
    Note: with this code we need to write code to close the UL when we do not click on UL

    $(".gettingContactList").autocomplete({
     source:this.contactList,
     /*following focus function was written because when mouse
     was being hovered over the menu, the menu was disappearing*/
    focus:function(e,ui) { 
      $(e.toElement).parents().show()
    }
})

    0 讨论(0)
  • 名媛妹妹
    2020-12-02 17:12

    I had the same problem, but I only ever had one jquery-ui script tag in the DOM at a time. I was loading content with Ajax that included the script tag. If I did that twice on one page, it would break the autocomplete dropdown, even though the content of the second request was replacing the content of the first. One workaround is to add this line before rendering content containing the jquery-ui script:

    $.ui = null;

    0 讨论(0)
  • 梦毁少年i
    2020-12-02 17:15

    The error is caused because of a conflict that occurs when two jQuery UI files are loaded into the client's browser at the same time. If you peak into your <head> section you will probably see you have two different jQuery UI files referenced there. Just remove one and it will work.

    0 讨论(0)
  • 一向
    2020-12-02 17:21

    I had similar problem with typeahead

    I used focus() and the problem was solved.

    Example:

    $(ele).typeahead({source: $scope.varMap['abc'], items: undefined});
$(ele).focus();
    0 讨论(0)
 看不清?
提交回复
热议问题