Добавить javascript-код на страницу wordpress

Question

Я нашел some code Я хочу использовать одну страницу на моем сайте Wordpress, но я не могу найти способ сделать это. Я не разработчик, а новичок.

У меня есть HTML и CSS готовый, но я не знаю как запустить этот код яваскрипта на страницу с идентификатором 2922, каждый раз, когда страница загружается.

$(function() { 
var parent = $("#shuffle"); 
var divs = parent.children(); 
while (divs.length) { 
    parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]); 
} 
}); 

Спасибо за вашу помощь, Thodoris

Answer 1

Вы можете написать этот код в footer.php [сайт/WP-содержание/ваш-тема/footer.php]

<?php if(get_the_ID()== 2922){ ?> 
<script type='text/javascript'> 
     jQuery(function() { 
      var parent = jQuery("#shuffle"); 
      var divs = parent.children(); 
      while (divs.length) { 
       parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]); 
      } 
     }); 
    </script> 

или прочитать https://www.tipsandtricks-hq.com/how-to-add-javascript-in-a-wordpress-post-or-page-1845

Answer 2

Вы можете добавить его в single.php с условной следующим образом:

<?php if (is_page(3318)) : ?> 
    <script type='text/javascript'> 
     $(function() { 
      var parent = $("#shuffle"); 
      var divs = parent.children(); 
      while (divs.length) { 
       parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]); 
      } 
     }); 
    </script> 
<?php endif; ?> 

Это добавит escript на странице, только если она один столбец с ID 3318.

EDIT: добавлен правильный ответ и изменен на правильный ID.

Answer 3

Вы можете сделать это с JQuery , В вашем скрипте добавьте условие, чтобы проверить, имеет ли тело класс этого идентификатора страницы тот же самый, что и ваш page-id-2922, если да, тогда запустите код.

Я обновил свой сценарий, попробуйте использовать его:

$(function() { 

    if($('body').hasClass('page-id-2922') == true){ 
     var parent = $("#shuffle"); 
     var divs = parent.children(); 
     while (divs.length) { 
      parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]); 
     } 
    } 

});