相关疑难解决方法(0)

jQuery UI自动完成 - 菜单在悬停时消失

我正在尝试使用jQuery UI Autocomplete来显示MySQL数据库中的人员名单.基本功能正在运行 - 当您键入两个或更多字母时,会显示可能的名称列表 - 但是当我将鼠标悬停在列表上或按下向下键以访问列表时,它会消失(下面的2个屏幕截图可能有助于解释一下).

这意味着自动完成变得毫无意义,因为我实际上无法访问列表!如果有人可以提供帮助,我会非常感激!屏幕截图和代码发布在下面.

输入前几个字符,然后会出现菜单

截图1

但是,将鼠标悬停或按下"向下"键,它就会消失,然后才能进行选择

截图2

HTML:

  <div id="chooseaccount">
  Choose Account to Edit
  <div id="iechooseaccountlabel" class="labeldiv">
    <!--[if IE]>
     Enter Student Name
    <![endif]-->
   </div>

  <input type="text" class="inputs" id="editname" placeholder="Enter Student Name" />

  </div>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$(document).ready(function(){

$("#editname").autocomplete({
 source: "names.php",
 minLength: 2,
});

});
Run Code Online (Sandbox Code Playgroud)

PHP:

<?php  

$mysqli = new mysqli('********', '********', '**********', '*********');
$text = $mysqli->real_escape_string($_GET['term']);

$query = "SELECT name FROM users WHERE name LIKE '%$text%' ORDER BY name ASC";
$result = $mysqli->query($query);
$json = '[';
$first = true; …
Run Code Online (Sandbox Code Playgroud)

html jquery jquery-ui jquery-ui-autocomplete

61
推荐指数
2
解决办法
2万
查看次数

标签 统计

html ×1

jquery ×1

jquery-ui ×1

jquery-ui-autocomplete ×1