2015-04-30 2 views
0

Я нашел эту функцию, которая отключает javascript skrollr на мобильных устройствах. Она была написана не для Wordpress, но я хочу, чтобы положить его в моей functions.phpПерекодирование функции

$(function() { 
// initialize skrollr if the window width is large enough 
if ($(window).width() > 767) { 
skrollr.init(yourOptions); 
} 

// disable skrollr if the window is resized below 768px wide 
$(window).on('resize', function() { 
if ($(window).width() <= 767) { 
    skrollr.init().destroy(); // skrollr.init() returns the singleton created above 
} 
}); 
}); 

Я новичок в программировании, так что я не знаю, где она должна быть реализована работа

Для тех, кто не знаком с skrollr, html для обеспечения эффектов на divs - ex.

<div class="container-fluid" data-75="opacity: 1;" data-250="opacity: 0;" 

...

+1

вы можете написать этот код в файл JS и включают в WordPress с помощью wp_enqueue_script –

ответ

2

Вы не должен поставить это в functions.php. Это не PHP-код ... Это JavaScript.

Вместо этого вы должны добавить его во внешний файл JavaScript и правильно enqueue it в functions.php.

Имейте в виду, что если вы не загрузили свою собственную версию jQuery, которая не использует режим «без конфликтов», вам также потребуется немного изменить сценарий, чтобы сделать переменную $ доступной для вас так, :

(function($){ 
    // Your jQuery 
})(jQuery); 
+0

Я попытался положить его в файл JavaScript и спросил его, но он не работает (эффект skrollr работает, когда мобильный размер) Я добавил его непосредственно в файл skrollr.js. Когда я добавляю его внизу после других скриптов, он ничего не делает, когда я добавляю его поверх других скриптов, он удаляет skrollr на всех размерах экрана – user3550879

Смежные вопросы