2

我正在使用 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) {
4

1 回答 1

1

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

工作演示

于 2012-06-19T12:04:49.000 回答