jQuery data() возвращает неопределенные постоянно

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

путь ваши пытающиеся работает отлично

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

использование последней версии JQuery. Здесь рабочий demo

в качестве альтернативы вы можете попробовать, как этот

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