我正在创建搜索框下拉菜单,每个东西都可以正常工作,但是第一次点击时链接不起作用,或者在div中加载链接时,我应该首先点击一些在body上的位置,然后单击链接。为什么要这样做?
代码很简单
这是django代码,保留在ajaxsearch.html
{% if qUser %}
{% for i in qUser %}
<p class="queryP"><a class="queryA" href="/{{ i.username }}/">{{ i.full_name|truncatechars:30 }}</a></p>
{% endfor %}
{% endif %}
这是我的jQuery代码
function search(box){
$.ajax({
type: 'GET',
url: '/search/',
data: {
'query': $('input[name=search]').val(),
},
success: searchSuccess,
error: searchError,
dataType: 'html'
});
}
function searchSuccess(data, textStatus, jqXHR){
if(data){
$('.complete_list').html(data)
}
}
这是HTML代码
<div class="section group">
<div class="col span_1_of_3">
<div class="complete" style="position:absolute;">
<div class="complete_list" style="position:relative;width:70%;background:#fff;margin:auto;text-align:left;text-indent:10px">
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
Okey们我只是通过跟踪网络找到了答案,我将查询绑定到keyup,粘贴和onchange,所以当查询完成时,最后一次点击也是查询,以便第一次点击不适用于链接