0
Я установил плагин autoptimize в WordPress, чтобы объединить и минимизировать мои активы. Все, кажется, беспрепятственное, для следующего кода, который не отображается для выполнения, за исключением:Неисправный JavaScript после слияния активов с autoptimize
// 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, но было бы неплохо иметь ...
WordPress загружает jQuery в режиме без конфликтов, а это значит, что вы не можете получить доступ к jQuery с помощью '$', как у вас. ЕСЛИ вы хотели бы сохранить его с '$' (что я и делаю), а затем завершим его в «безконфликтный» документ, который выглядит так: 'jQuery (function ($) {... ваш код выше ...}); '. Тогда это должно сработать. –
Или заключите его в маленький модуль '(function ($) {/ * ваш код * /}) (jQuery)', и вы можете свободно использовать '$'. – vlaz
Спасибо, это сработало, но я не думаю, что это имело какое-то значение, ха-ха. –