gpt4 book ai didi

javascript - Jquery自动完成在结果和结果之间有空格,结果未显示在模式中

转载 作者:行者123 更新时间:2023-12-02 22:56:22 25 4
gpt4 key购买 nike

所以我的页面是一个基础学校的学生/类主任。目前我有两个搜索栏,它们调用不同的 API 调用,它们都返回一个列表。唯一的问题是当我显示结果时,结果之间有空格。我遇到的另一个问题是我的模式自动完成功能将结果隐藏在弹出窗口后面。

BOB | Math

TIM | Science

Sarah | ENGLISH

这是我的 HTML

<html>
<div class="card">
<div class="card-header">Search Name</div>
<div class="card-body" style="min-height:90px;">
<div class="form-group row">
<label class="col-sm-3 control-label text-right">Search</label>
<div class="col-sm-6 autocomplete">
<li class="ui-helper-hidden-accessible ui-menu-item"></li>
<input id="nameSearch" class="col-md-6 form-control mdb-autocomplete input-sm" type="text" placeholder="Enter Name">
</div>
</div>
</div>

<div class="modal-body mx-0">
<div class="form-group row">
<label class="col-sm-3 control-label textRightMiddle">Class Search</label>
<div class="col-sm-6 contRight autocomplete">
<input id="classSearch" class="col-md-6 form-control mdb-autocomplete input-sm form-control validate" type="text" placeholder="Enter Class">
</div>
</div>
<div class="form-group row">
<div class="col-sm-12 contRight autocomplete">
<li class="ui-helper-hidden-accessible ui-menu-item"></li>
<input type="text" id="removeAutocomplete" class="btn btn-success form-control mdb-autocomplete input-sm" name="removeClassbutton" placeholder="Enter Class" onClick="removeClassfunction();">
</div>
</div>
</div>
</html>

这是我的 JS 代码

<script>
$(function(){
$("#nameSearch").autocomplete({
delay:100,
source: function(request ,response){
$.ajax({
type: 'GET',
url: APICALL,
datatype: 'json',
data: {
term : request.term,
'name': $('#nameSearch')[0].value
}
});
}
});

$("#classSearch").autocomplete({
source: function(request ,response){
$.ajax({
type: 'GET',
url: APICALL,
datatype: 'json',
data: {
term : request.term,
'class': $('#removeAutocomplete')[0].value
}
});
}
});
});
</script>

我尝试添加#nameSearch {position:absolute; }#classSearch{position:absolute;} 符合我的风格,但我没有运气。

编辑1:我正在剥离不必要的东西,我发现这些东西没有效果,并导致我遇到同样的问题。

最佳答案

“结果之间有空格”是什么意思?是每个列表项中的空格还是之间的空格?

如果您指的是每个语言之间的空格,则必须查看您的服务器代码而不是前端代码。如果您指的是 之间的空间,只需将您的靠近移动即可。

您的“模式将结果隐藏在弹出窗口后面”的问题只需输入 css: z-index:99999 !important;在你的 CSS 文件中

关于javascript - Jquery自动完成在结果和结果之间有空格,结果未显示在模式中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57959734/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com