Question

我通过function.php在wordpress中排队了一个文件“my-script”，以便为网站添加一些jQuery功能。主要目的是隐藏轮播控件，如果只有一个项目（一个图像或div）不幸的是我甚至不能得到wordpress甚至读取文件。在文档加载后没有任何反应我放置了一个简单的警报。这就是我排队几个脚本的方式，包括“my-script”

/* Enqueuing Scripts */
function enqueue_my_scripts() {
wp_enqueue_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js', array('jquery'), '1.12.4', true);
wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array('jquery'), true); // all the bootstrap JavaScript goodness
wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/js/my-script.js' , array('jquery'), true);
}

add_action('wp_enqueue_scripts', 'enqueue_my_scripts');

function enqueue_my_styles() {
wp_enqueue_style( 'bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );
wp_enqueue_style( 'my-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style( 'my-ot-style', get_template_directory_uri() . '/dynamic.css');

}
add_action('wp_enqueue_scripts', 'enqueue_my_styles');

这是'my-script'文件的内容

$(document).ready(function(){
alert( "Test My-Script" );
});

什么都没发生。我目前有通过CSS隐藏轮播控件的div，但是想让它工作，以便网站在隐藏它们之前评估它是否只有一个项目

提前致谢!!

Answer 1

在WordPress中，您不能像这样使用$来引用您自己加载的jQuery。这是因为WordPress调用了jQuery.noConflict()。

一种解决方案是引用jQuery而不是$。如果您仍希望脚本使用$，请写下：

jQuery(document).ready(function($){
    // ... your code that can reference $ comes here.
});

请勿忘记将$指定为回调函数参数。

无法让我的js脚本在wordpress

1 个答案: