php - 链接不适用于 jquery

Question

可能是一个非常简单的答案，但我似乎找不到可行的解决方案。我正在从 php 搜索脚本创建链接，它会根据查询生成链接。我已经编写了一个示例 jQuery 脚本来基于被单击的标签打开一个 div，但是当我单击链接时，什么也没有发生。我在萤火虫中看不到任何错误，并希望得到 somke 的帮助。谢谢你。

更新：添加了 html 并将 mailLink 从 id 更改为 class。

jQuery

$("a").click(function(e) {
        e.preventDefault();

        $('.mailShow').fadeIn(1500).html('This is the mailShow div');



    });

PHP

<?php

    while ($row = mysql_fetch_assoc($rsd))

{?>

    <div class="each_rec"><a href="#" class="mailLink"><?php echo $row['name_usr'];?>&nbsp;&nbsp;<?php echo $row['idcode_usr'];?></a></div>

<?php

}

    if($total==0){ echo '<div class="no-rec">No Record Found !</div>';}
?>

HTML

<div id="content">

    <div class="search-background">

        <label><img src="loader.gif" alt="" /></label>

    </div>

       <div id="sub_cont">

        <div class="mailShow"></div>

    </div>

</div>

从 firebug 生成的 HTML

<div class="each_rec"><a href="#" class="mailLink">Demo User&nbsp;&nbsp;DEMO</a></div>

Answer 1

在 jquery 中你有.mailShow，在 PHP 中你使用id="mailLink". 您应该更改.mailShow为#mailLink.

JSFiddle用于测试。

Answer 2

JSFIDDLE

试试这个代码：

$(document).ready(function () {
    $(document).on("click","a",function(e) {
            e.preventDefault();

            $('.mailShow').fadeIn(1500).html('This is the mailShow div');

        });
 });

<?php

    while ($row = mysql_fetch_assoc($rsd))

{?>

<div class="each_rec"><a href="#" class="mailLink"><?php echo $row['name_usr'];?>&nbsp;&nbsp;<?php echo $row['idcode_usr'];?></a></div>

<?php

}

    if($total==0){ echo '<div class="no-rec">No Record Found !</div>';}
?>

Answer 3

我看到两个可能的问题： 1. 你没有使用 $(document).ready(); 并将您的代码放在其中。然后你需要把上面的代码准备好。2.您从ajax查询插入链接dinamycaly。因此，您需要改用 jquery 委托。