我想在我的wordpress网站上添加这个小jQuery代码，但没有办法。
$(document).ready(function(){
$(\'.flex-active-slide\').append(\'<div class="playoverlay"></div>\');
});
我在网上尝试了很多解决方案
使用创建js文件，并使用wp\\u enqueue调用它。
<?php wp_enqueue_script("jquery-mycustom-core",\'/wp-content/themes/example/mycustom.js\', array(\'jquery\'), \'1.8.8\'); ?>
我还试着把它放在函数上。php。
//this goes in functions.php near the top
function my_scripts_method() {
// register your script location, dependencies and version
wp_register_script(\'custom_script\',
\'/wp-content/themes/example/mycustom.js\',
array(\'jquery\'),
\'1.0\' );
// enqueue the script
wp_enqueue_script(\'custom_script\');
}
add_action(\'wp_enqueue_scripts\', \'my_scripts_method\');
我还提到：
add_action(\'wp_head\', \'add_scripts\');
function add_scripts() { ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(\'.flex-active-slide\').append(\'<div class="playoverlay"></div>\');
});
</script>
<?php }
我也直接在页脚和页眉上插入，但没有。
但是，当我在浏览器控制台上执行此代码时，它可以工作。
请帮忙。
感谢Alex的帮助，下面是我所做的，但仍然没有成功
mycustom.js
j(document).ready(function(){
var j = jQuery.noConflict();
j(\'.flex-active-slide\').append(\'<div class="playoverlay"></div>\');
});
header.php
<?php wp_register_script(\'myjs\',get_stylesheet_directory_uri().\'/mycustom.js\',array(\'jquery\'),false,true);
wp_enqueue_script(\'myjs\') ?>
SO网友:alex
使用此选项：
var j = jQuery.noConflict();
现在到处都需要使用脚本JQurey
j 而不是
$ 或
JQuery此外，您的排队线路应如下所示：
wp_register_script(\'myjs\',get_stylesheet_directory_uri().\'/js/my_script.js\',array(\'jquery\'),false,true);
wp_enqueue_script(\'myjs\');
你可以阅读更多
hereP.S: 因此，您的更新代码应该是：
mycustom.js
var j = jQuery.noConflict();//this line Must be first line of script
j(document).ready(function(){
j(\'.flex-active-slide\').append(\'<div class="playoverlay"></div>\');
});
functions.php //非标题。php
<?php wp_register_script(\'myjs\',get_stylesheet_directory_uri().\'/mycustom.js\',array(\'jquery\'),false,true);
wp_enqueue_script(\'myjs\') ?>
