2016-08-24 43 views
0

我在WordPress中安裝了autoptimize插件,以便連接和縮小我的資產。一切似乎不受阻礙地,除了下面的代碼,這似乎並沒有執行:使用autoptimize連接資源後損壞的JavaScript

// Fade image 
if ($('.fadein-page-banner') != null) { 
    $('.fadein-page-banner img').on("load", function() { 
     $('#video-loading-icon').css('opacity', 0); 
     $('.fadein-page-banner-wrapper').addClass('fadeout-behind'); 
     $('.fadein-page-banner').addClass('fade-in-out'); 
    }); 
} 

這不是在塊的document.ready。我也嘗試過,但沒有奏效。容器永遠不會將類添加到它們。我也嘗試刪除if條件。代碼工作正常,當我關閉JavaScript代碼的優化,但它會很高興......

+0

WordPress以無衝突模式加載jQuery,這意味着您無法像使用'$'一樣訪問jQuery。如果你想用'$'(我這樣做)來保存它,然後將它包裝在一個「無衝突安全」的文檔中,就好像:'jQuery(function($){... your code以上...});'。那麼它應該工作。 –

+0

或者把它放在小模塊'(function($){/ * your code * /})(jQuery)'中,你可以自由地使用'$'。 – vlaz

+0

謝謝,它的工作,但我不認爲它有所作爲,哈哈。 –

回答

0

嘗試從JS優化排除js/jquery/jquery.js。如果這不起作用,請檢查瀏覽器的控制檯必須對JavaScript錯誤進行說明。