2015-07-17 3 views
1

Я хотел бы добавить HTML-код в мою дочернюю тему, чтобы добавить значок в мою дочернюю тему в Wordpress. В настоящее время, это так:jQuery не загружается для дочерней темы в Wordpress

First

И я хотел бы добавить значок Youtube подобное (это не в теме, поэтому я хочу, чтобы добавить его в HTML):

Second

Так я создал код function.php с:

<?php 

function mytheme_scripts() { 
wp_enqueue_script('mytheme_functions', get_stylesheet_directory_uri().'/js/myScript.js', array('jquery'), '', true); 
wp_enqueue_script('jq_ui', get_stylesheet_directory_uri().'/js/jquery-ui-1.10.3.custom.min.js', array('jquery')); //Not sure if we can use the CDN here instead of a local version. 
} 
add_action('wp_enqueue_scripts', 'mytheme_scripts'); 

?> 

Вот мой JQuery код:

$(document).ready(function($) { 

$(".social-google-plus").append('<li class="social-youtube"><a href="http://www.twitter.com/TWorldAngels" target="blank"><i class="fa fa-youtube"></i></a></li>'); 


}); 

Мой код jQuery находится в папке/js, которая находится в моей дочерней теме. Но это не сработает. Что не так ? Спасибо, парни !

ответ

2

Я абсолютно уверен, что моя нагрузка правильная.

Возможно, $ порождает проблему (как WordPress предотвращает конфликты между js-библиотеками).

Попробуйте следующее:

jQuery(document).ready(function($) { 
    $(".social-google-plus").append('<li class="social-youtube"><a href="http://www.twitter.com/TWorldAngels" target="blank"><i class="fa fa-youtube"></i></a></li>'); 
}); 

(я не проверял код)

если это не решает его, вы можете предоставить более подробную информацию? Ошибки консоли?

+0

-1- Проверьте вкладку «Сценарии» в инструментах разработчика Chrome: jQuery должен загружаться из «wp-includes». -2- Если у вас есть шаблон js/functions.js в шаблоне дочерней темы, он по умолчанию не загружается. Добавьте следующий тег скрипта в header.php вашего ребенка: '' – jdev

+0

Большое спасибо ! Оно работает :) – alexandresecanove

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