運行jQuery函數的onload和重點

Question

我有一個函數：

function skillbar() { 
    $('.skillbar').each(function(){ 
     var percent = $(this).attr('data-percent'); 
     $(this).find('.skillbar-bar').delay(400).animate({width:percent},1500); 
    }); 
} 

我想在加載頁面時要執行這個功能。所以我跑這樣的：

$(window).load(function(){ 
    skillbar(); 
}); 

，但我也想在瀏覽器選項卡中的重點是此功能只運行。 我嘗試這樣做：

$(window).load(function(){ 
    $(window).focus(function(){ 
     skillbar(); 
    }); 
}); 

的問題是，當我使用.focus();加載頁面的時候，我有一次切換瀏覽器選項卡，然後它的作品。這意味着我必須關注window onload，但如果某人在另一個瀏覽器選項卡上，該怎麼辦？

演示http://jsfiddle.net/sem847un/1/

Answer 1

你需要$（文件）。就緒（函數（）{ 這將啓動對

$(document).ready(function(){ 
skillbar(); 
function skillbar() { 
    $('.skillbar').each(function(){ 
     var percent = $(this).attr('data-percent'); 
     $(this).find('.skillbar-bar').delay(400).animate({width:percent},1500); 
    }); 
} 
});