2014-03-19 37 views
0

大家好我試圖用我的HTML數據屬性由我會添加類在加載 的頁面在這裏我jQuery的添加類屬性的值,而文檔準備

var $this = $(this); 
$(document).ready(function(){ 
    $("[data-load-animation]").each(function() { 
     $this.hide(); 
     var cls = $this.attr("data-load-animation"); 
     console.log("console: "+cls); 
     $this.addClass(cls);  
    }) 
}) 

這裏我Fiddle

我需要爲每個具有此數據屬性的元素添加類反彈,我認爲這是正確的,但它無法幫助我解決問題。

+0

像http://jsfiddle.net/arunpjohny/Cd4Sf/2/ ? –

+0

看看http://jsfiddle.net/rjha999/Cd4Sf/3/ – Rahul

+0

'$ this'與'$(this)' – blgt

回答

1

該問題似乎是$this參考,在你的情況下它指的是window對象。

相反,你需要在each()環路內引用當前[data-load-animation]元素,所以把它定義

$(document).ready(function() { 
    $("[data-load-animation]").each(function() { 
     var $this = $(this); 
     $this.hide(); 
     var cls = $this.data("loadAnimation"); 
     console.log("console: " + cls); 
     $this.addClass(cls); 
    }) 
}) 
+0

不一樣謝謝大家幫助不少。 - ) –

1

你亂放$this與以下,其中$this在啓動是指當前窗口嘗試

$("[data-load-animation]").each(function() { 
    $this.hide(); 
    var cls = $(this).data("load-animation"); // Use data instead attr 
    console.log("console: " + cls); 
    $(this).addClass(cls); // Change to $(this) instead $this 
}) 

Fiddle