首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery的问题

jQuery的问题
EN

Stack Overflow用户
提问于 2010-12-18 12:26:43
回答 1查看 118关注 0票数 1

我试图创建一个自动完成的搜索脚本(jQuery + PHP),但是这个脚本有一个很大的问题。

我的jQuery代码是:

代码语言:javascript
运行
复制
$(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代码:

代码语言:javascript
运行
复制
<?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") ...

请帮助并为我的英语道歉:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-12-18 13:14:34

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

代码语言:javascript
运行
复制
$("#autocomplete .link").live("click", function() {
    var complete = $(this).attr("title");
    alert(complete);
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4476625

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档