Question

我正在尝试从以下链接获取特定的用户名信息。单击其中一个链接时，用户名信息应保存在var用户名中。但是，它不起作用。非常欢迎任何帮助。

<!doctype html>
<?php  
$theUsernameDaniel="danielcajueiro";
$theUsernameMarcelo="marcelopapini";
?>
<html>
    <head>
        <meta charset="utf-8" />
        <title>ControllingHiperlinks</title>
        <script src="http://code.jquery.com/jquery-1.4.1.js" type="text/javascript"></script>  
        <script>
            $(document).ready(function() {
                $("a.peoplePage").click(function(event) {

                    var username=$(this).data("username");

                    alert(username);
                    event.preventDefault();
                });
            });
        </script>        
    </head>
    <body>
        <!-- Updated after the answer below of @Pranav-C-Balan -->
        <a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
        <a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>
    </body>
</html>

Answer 1

在您的HTML代码中遗漏""

<a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
<!--................................^................................^.............................-->

<a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>
<!--................................^................................^.............................-->

使用最新版本的jQuery库

<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>

否则使用

var username=$(this).attr("data-username");

而不是

var username=$(this).data("username");

Answer 2

您必须添加以下引号：

<a class="peoplePage" data-username="<?php echo $theUsernameDaniel ?>"  href=""> Daniel Cajueiro</a>
 <a class="peoplePage" data-username="<?php echo $theUsernameMarcelo ?>"  href="">Marcelo Cajueiro</a>

Answer 3

使用href =“＃”或href =“javascript：void（）;” 。你把href =“”意味着它将重定向到其他一些空白页面。

<a class="peoplePage" data-username=<?php echo $theUsernameDaniel ?>  href="#"> Daniel Cajueiro</a>
<a class="peoplePage" data-username=<?php echo $theUsernameMarcelo ?>  href="#">Marcelo Cajueiro</a>

Answer 4

你可以像这样http://jsfiddle.net/NE4dV/1/使用jquery attr：

var user1;

$(document).ready(function(){
    $('body a').click(function(){
        user1 = $(this).attr('data-username');

        alert(user1);
        return false;
    });
});

JQuery：从Html页面检索特定用户数据

4 个答案: