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（）;并将你的代码放在它之外。然后你需要把上面的代码放到docyument准备好了。你不熟悉链接dinamycaly - 来自ajax查询。因此，您需要使用jquery委托。

链接无法使用jquery

3 个答案: