Question

Here is screen shot of my problem我正在使用codeigniter和ajax。当在搜索栏上调用keyup函数时，数据显示在建议框中，但是当我点击建议框中显示的链接时，此点击不起作用.No任何脚本文件的错误。这是我的视图文件的代码：

  <div class="container-fluid my_searchbar">
  <div class="container my_searchbar_container">


    <div class="nav nav-justified navbar-search navbar-nav">                  
    <form class="search navbar-search" method="post" action="index.html" >


    <div class="input-group">            
      <input type="text" name="search_area" id="search_area" placeholder="Search Area" class="form-control input-lg">           
      <div class="input-group-btn">
    </div>
<input type="text" name="search_pro" id="search_pro" placeholder="Search Professional Category" class="form-control input-lg">        
 <ul id="show_search_pro" class="results" >
 </ul>
    <div class="input-group-btn">
        <a href="../show_professional/showProfessional" class="btn btn-search search_btn btn-lg">Search</a>                    
          </div>
    </div>  


  </form>         
  </div>


  </div>
  </div> 

</div>

这是我在视图文件中的ajax代码。

$('#search_pro').keyup(function(){
// alert($(this).val());

var location_field = $('#search_area');
var search_cal_field = $(this);


$.ajax({

    type: 'POST',
    url: 'http://localhost/JustClick/User/search_professional',
    cache : false,
    dataType : 'html',
    data :{location_id:location_field.val(), category_id:search_cal_field.val()},

    success:function(data)
    {
        $('#show_search_pro').html(data);
    }
    });
});

以下是我的控制器的代码，通过使用ajax我在视图页面上获取数据：

public function search_professional()
    {

        if($this->input->is_ajax_request())
        {
            $professional = $this->UserModel->search_professional($this->input->post('location_id',true),$this->input->post('category_id',true));

            foreach ($professional as $row) 
            {
                echo '

                    <li>
                     <a class="s_pro" href="'.base_url('Professional/show_professional_detail/'.$row->pro_id).'">'.$row->firstname.' '.$row->lastname.'<br /><span>Description...</span></a></li>';


            }
        }
        else
        {
            show_404();
        }

    }

帮我解决这个问题。

键盘功能中的链接不起作用

0 个答案: