下面是 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>
最佳答案
使用最新版本的 jQuery,您尝试的方式工作正常:
var link = $(this).data("conn");
这是一个有效的 demo
你也可以这样尝试
var link = $(this).attr("data-conn");
关于javascript - jQuery data() 不断返回 undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16772977/