Question

警告我总是未定义......为什么？

<script type="text/javascript">

$(document).ready(function(){
    $("#menu ul li").click(function() {
        var path = $(this).attr("href"); 
        alert (path);
        $.get(path, function(data) { $("#texte").html(data); });
        return false;
    });
});

</script>

</head>

<body>

<div id="wrapper">

<div id="menu">
  <ul>
    <li><a href="pulse/data/blocks/intro.html">Intro</a></li>
    <li><a href="pulse/data/blocks/presentation.html">presentation</a></li>
    <li><a href="pulse/data/blocks/pourquoi.html">pourquoi ?</a></li>
    <li><a href="pulse/data/blocks/forfaits.html">forfaits</a></li>
  </ul>
</div>

Answer 1

您需要选择a标记。

var path = $('a', this).attr("href");

Answer 2

您需要选择元素：

$(document).ready(function(){
    $("#menu ul li").click(function() {
        var path = $(this).find("a").attr("href"); 
        alert (path);
        $.get(path, function(data) { $("#texte").html(data); });
        return false;
    });
});

Answer 3

因为您在LI元素上分配了click-handler，而不是A元素。

这是正确的：

$("#menu a")

Answer 4

您正在查看列表项href的{{1}}。将您的代码更改为以下内容：

li

Answer 5

您正在尝试获取href元素的li属性。您可能正在寻找href元素上的a属性。请改用此选择器：

$("#menu ul li a")

也可以通过从选择器中删除ul或li来减少它。

Answer 6

问题是$(this)引用了<li>元素而不是它的链接。您可以使用以下选择器来解决此问题：

var path = $("a", $(this)).attr("href");

Answer 7

你错过了一个标签。

$("#menu ul li a").click

Answer 8

您的JQuery引用了错误的元素：您需要引用UL LI A元素，而不是引用UL Li元素，如下所示：

$(document).ready(function(){
    $("#menu ul li **a**").click(function() {
        var path = $(this).attr("href"); 
        alert (path);
        $.get(path, function(data) { $("#texte").html(data); });
        return false;
    });
});

href总是“未定义”

8 个答案: