javascript - jQuery.data() 版本兼容性和 HTML5 数据属性

Question

我正在使用 HTML5 数据属性在图像上设置两个数据值。 jQuery 1.5.2 可以正确读回它们，但我使用 jQuery 1.7.2 对这两个值都未定义。

示例 jsFiddle:http://jsfiddle.net/rupw/SpEDb/

我检查了 http://api.jquery.com/data/ 的文档假设相同的数据检索方式应该在 v1.7.2 中工作

任何专家都可以指出什么不是不兼容的？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>


$(document).ready(function() {
    //it works in jquery 1.5.2, but not 1.7.2
    $('img.tip').tooltip();
});


<img class="tip" data-tipHeader="Easy" data-tipBody="Very easy." src="a.gif" />


(function($) {
    $.fn.tooltip = function(options) {                  
        this.each(function() {
            var $this = $(this);

            var tipHeader = $this.data('tipHeader');
            var tipBody = $this.data('tipBody');

                $this.hover(function(e) {

Answer 1

根据我的研究，不要在 html data-* 属性名称中使用大写字符。

Working DEMO