span div裏面的鏈接不工作

Question

我在我的網站上實現了一個實時用戶搜索。我寫了下面的代碼來顯示用戶名稱作爲鏈接。但是鏈接不工作，它們就像純文本一樣（指針在我懸停時顯示）。

HTML：

<div id="search"> 
    <input type="text" id="fr_name" name="fr_name" placeholder="Search a friend"> 
    </div> 
    <div class="results"> 
     <span id="search_result"></span> 
    </div> 

JQuery的

function search_results(search_value){ 
    $.post('/fantasy/findfriends.php', 
      {fr_name:search_value}, 
      function(data) 
      { 
       $('#search_result').html(data) ; 
      }) ; 
} 

$(document).ready(function(){ 
    if($('#fr_name').val()==='') 
    { 
     $('#search_result').hide() ; 
    } 
}) ; 

$(document).ready(function(){ 
    $('#fr_name').blur(function(){ 
     $('#search_result').hide() ; 
    }); 
}) ; 


$(document).ready(function(){ 
    $('#fr_name').keyup(function(){ 
     if($('#fr_name').val()==='') 
     { 
      $('#search_result').hide() ; 
     } 
     else 
     { 
      $('#search_result').show() ; 
      search_results($('#fr_name').val()) ; 
     } 
    }) ; 
}) ; 

$(document).ready(function(){ 
    $('#fr_name').focus(function(){ 
     if($('#fr_name').val()==='') 
     { 
      $('#search_result').hide() ; 
     } 
     else 
     { 
      $('#search_result').show() ; 
      search_results($('#fr_name').val()) ; 
     } 
    }) ; 
}) ; 

PHP

<?php 
include_once 'php_inc/core.inc.php' ; 
include_once 'php_inc/connect.inc.php' ; 
include_once 'php_inc/getdata.inc.php' ; 

if (logged_in()) 
{ 
    $value=$_POST['fr_name'] ; 
    $counter=0 ; 
    if(isset($_POST['fr_name'])) 
    { 
     if(!empty($_POST['fr_name'])) 
     { 
      $name=$_POST['fr_name'] ; 
      $query="SELECT * FROM user_login WHERE name LIKE '%$name%'" ; 
      $query_run=mysqli_query($dbc,$query) ; 
      $query_num_rows=mysqli_num_rows($query_run) ; 

      if ($query_num_rows>0 && $counter<8) 
      { 
       for($count=0;$count<$query_num_rows;$count++) 
       { 
        $fri_email=mysqli_result($query_run,$count,'email') ; 
        $query_result_name=mysqli_result($query_run,$count,'name') ; 
        $query_result_email=mysqli_result($query_run,$count,'email') ; 
        echo '<a href="www.google.com">' . $query_result_name . '<a/><br/>'. $query_result_email . '<br/><br/>'; 
        $counter++ ; 
       } 
       echo '<a href="allresults.php">See all results</a>' ; 
      } 
      if (filter_var($value, FILTER_VALIDATE_EMAIL)) 
      { 
       $query="SELECT * FROM user_login WHERE email='$value'" ; 
       $query_run=mysqli_query($dbc,$query) ; 
       $query_num_rows=mysqli_num_rows($query_run) ; 
       if ($query_num_rows>0) 
       { 
        for($i=0;$i<$query_num_rows;$i++) 
        { 
          $query_result_name=mysqli_result($query_run,$i,'name') ; 
          $query_result_email=mysqli_result($query_run,$i,'email') ; 
          echo $query_result_name.'<br>'.$query_result_email.'<br><br>' ; 
          $counter++ ; 
        } 
       } 
      } 
      if($counter==0) 
      { 
       echo 'No results found' ; 
      } 
     } 
     else 
     { 
      echo 'No results found' ; 
     } 
    } 
} 
?> 

CSS

.results{ 
z-index:3 ; 
} 

.results:hover{ 
background-color:#ffffff ; 
} 

.results a:link{ 
font-family: 'Exo', sans-serif; 
color: #ffffff ; 
text-decoration: none ; 
} 

請隨時提出任何問題。感謝您的幫助提前。

Answer 1

請在jQuery中評論此代碼後嘗試。

$('#fr_name').blur(function(){ $('#search_result').hide() ; });