jQuery不为Wordpress

Question

我想在我的子主题中添加一个HTML代码，以便在Wordpress中的子主题中添加一个图标。目前，就是这样：

我想添加一个像这样的Youtube图标（不在主题中，这就是我想用HTML添加它的原因）：

所以我用：

设置了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文件夹中，该文件夹位于我的子主题中。但它不起作用。怎么了 ？谢谢你们！

Answer 1

我很确定我的装载是正确的。

也许$正在产生问题（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>');
});

（我还没有测试过您的代码）

如果这不能解决，你能提供进一步的细节吗？控制台错误？