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- * attribute name中使用大写字符。

Working DEMO

jQuery.data（）版本兼容性和HTML5数据属性

1 个答案: