2012-06-19 79 views
2

我使用HTML5數據屬性在圖像上設置了兩個數據值。 jQuery 1.5.2可以正確讀取它們,但是我使用jQuery 1.7.2獲取了兩個值的未定義。jQuery.data()版本兼容性和HTML5數據屬性

例的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) { 
+0

你爲什麼加入jQuery庫2倍 – Rab

+0

抱歉造成混亂。我只想顯示這是我使用的2版本。舊版本的作品,從來沒有版本給予未定義。 –

回答

1

根據我的研究,不要在html data- *屬性名中使用大寫字母。

Working DEMO