javascript - jQuery data() 不断返回 undefined

Question

下面是 HTML 和下面的 jQuery。如果我返回 attr("data-conn"); 它会提醒正确的值，但使用 .data("conn") 不会。为什么？

<span>
    <!-- ... -->
    <a href="link.html" class="textbutton"  data-conn="text3">
        <img src="/images/image.png">
    </a>
</span>
<span style="width:610px;height:200px;float:right; background-color:#bcbcbc;font-size:15px;line-height:15px;">
    <div class="texts" id="text1">Initial Header</div>
    <span class="texts" id="text2" style="display:none;">Text for another one</span>
    <span class="texts" id="text3" style="display:none;">Content Text</span>
</span>

<script type="text/javascript">
    $(".textbutton").click(function(){
        var link = $(this).data("conn");
        alert(link);
        $(".texts").fadeOut(1000, function() {
            $("#text2").fadeIn(1000);
        });
        return false;
    });
</script>

Answer 1

使用最新版本的 jQuery，您尝试的方式可以正常工作：

var link = $(this).data("conn");

这是一个工作演示

您也可以这样尝试

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