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() ; });

span span div内的链接不起作用

1 个答案: