当ajax加载页面时,链接在第一次点击时不起作用?

时间:2017-03-08 16:48:56

标签: javascript jquery ajax

我正在创建搜索框下拉菜单,每个东西都可以正常工作,但是第一次点击时链接不起作用,或者在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>

1 个答案:

答案 0 :(得分:0)

Okey们我只是通过跟踪网络找到了答案,我将查询绑定到keyup,粘贴和onchange,所以当查询完成时,最后一次点击也是查询,以便第一次点击不适用于链接