2

HTML5データ属性を使用して画像に2つのデータ値を設定しています。jQuery 1.5.2はそれらを正しく読み戻すことができますが、jQuery1.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データには大文字を使用しないでください-*属性名。

ワーキングデモ

于 2012-06-19T12:04:49.000 に答える