php - jQuery 的问题

Question

我尝试创建一个自动完成搜索脚本(jQuery + PHP)，但这个脚本有一个大问题。

我的 jQuery 代码是:

$(document).ready(function() {
  $("#search").keyup(function() {
    var search = $("#search").val();
    if (search.length > 0) {
      $.ajax({
        type: "POST",
        url: "search.php",
        data: "q="+search,
        dataType: "text",
        cache: false,
        success: function(result){
          $("#autocomplete").fadeIn("fast");
          $("#autocomplete").html(result);
        }
      });
    }
  });
  $("#autocomplete").click(function() {
    var complete = $(this).attr("title");
    alert(complete);
    $("#search").focus();
  });
});

PHP 代码:

<?php
include("config.php");
header("Content-type: text/html; charset=UTF-8");

$search = $_POST['q'];
if(mb_strlen($search, "UTF-8") > 0) {
  $query = "SELECT * FROM `search` WHERE `title` LIKE '%$search%' ORDER BY `title` ASC";
  $result = mysql_query($query) or die(mysql_error());
  $num = mysql_num_rows($result);
  if($num == 0) {
    echo "Няма резултати";
  }
  else {
    while ($row = mysql_fetch_assoc($result)) {
      echo "<a href=\"javascript:void(0)\" class=\"link\" title=\"{$row['title']}\">{$row['title']}</a> <br />";
    }
  }
}
?>

但是 jQuery 中出现错误，因为它无法获取链接的 attr("title")...

请帮忙，对我的英语表示抱歉:)

Answer 1

由于您的链接是动态的，因此您需要使用 .live 方法。您还希望定位单个链接而不是容器(我假设 autocomplete 是您的 .link anchor 的容器)。

$("#autocomplete .link").live("click", function() {
    var complete = $(this).attr("title");
    alert(complete);
});