Question

我得到Uncaught TypeError：无法读取属性＆＃39; href＆＃39;未定义的当我第二次点击链接时。有什么想法？它发生在行上：var x = $（e.target）.atributes.href.value; 当然，后续重定向也不起作用。非常感谢

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>


$(document).tap(function (e) {
        $('.pq').css("background-color", "white");

         if ($(e.target).hasClass("tappedonce")) {
        alert("tappedtwice");
                var x = $(e.target).attributes.href.value;
                alert(x);
                window.location.href = x;
            }
            else {
                $(e.target).addClass("tappedonce");
                alert("tappedonce");
            }


      //  if ($(e.target).hasClass("pq")) {
        //        $(e.target).css("background-color", "red");
          //  }
    });


 $(document).ready(function () {

        $('.pq').addClass("not-active");
    });

</script>
</head>
<body>



<a href="https://www.sit.com" class="pq">
paragraph1
</a>
<a href="https://www.sit2.com" class="pq">
paragraph2
</a>
<a href="https://www.sit3.com" class="pq">
paragraph3
</a>







</body>
</html>


<style>
    .not-active {
        pointer-events: none;
        cursor: default;
    }
</style>

Answer 1

$(e.target)是一个jQuery对象，你可以通过attr方法得到href值

$(e.target).attr("href")

如果你想使用attributes，你必须访问底层的dom节点，恰好是e.target

e.target.attributes.href.value

Answer 2

使用时：

$(e.target).atributes.href.value

$(e.target)是一个jquery对象，而不是一个html节点;它没有＆＃34;属性＆＃34;属性（这是错误告诉你的）。

您可以通过.get(0)

将jquery对象转换回html节点

var x = $(e.target).get(0).atributes.href.value

或只使用原始的e.target：

var x = e.target.atributes.href.value

或者，使用jquery：

var x = $(e.target).attr("href")

无法阅读财产＆＃39; href＆＃39;第二次单击非活动链接时未定义

2 个答案: