如何正确地将jQuery加载到WordPress中
我有一个WordPress网站,我想使用一个名为DataTables的jQuery插件。 我一直在努力找出将jQuery脚本和DataTables脚本加载到WordPress的正确方法。
我知道我应该使用的东西: wp_enqueue_script("jquery")
– 但我不知道在哪里放或者如何加载我需要的其他jQuery插件。
我尝试的最后一点是将它放在我的WordPress网站的header.php
文件中:
任何帮助将不胜感激!
jQuery包含在WordPress核心中,当你包含你的javascript时,你可以声明你的脚本依赖于被加载的jquery作为wp_enqueue_script的第三个参数: http ://codex.wordpress.org/Function_Reference/wp_enqueue_script。
使用wp_enqueue_script的正确方法是将其包含在附加到特定操作挂钩的回调中。 当我开始使用WordPress时,这对我来说听起来非常复杂,但它实际上是一个非常好的系统,因为它允许您指定在 WordPress初始化期间您的代码应该运行的时间。
所以,在你的functions.php或插件中,添加你的钩子。
add_action( 'wp_enqueue_scripts', 'my_js_include_function' );
然后,在该函数中,运行实际包含,并声明您的脚本依赖于jquery。
function my_js_include_function() { wp_enqueue_script( 'my_script.js', '/path/to/myscript.js', array('jquery') ); }
wp_ennqueue_script()的第一个参数是您为脚本指定的任意名称。 如果您要声明另一个脚本依赖于原始脚本,那么您将在第三个参数中引用它。
如果你不能使用任何WordPress方法,你仍然可以在你的wp_enqueue_script("jquery");
之后,在你的extension_name.php
手动包含你的Jquery插件wp_enqueue_script("jquery");
echo "";
最好的方法是通过functions.php文件,
url: http : //codex.wordpress.org/Function_Reference/wp_enqueue_script
样品:
/** * Proper way to enqueue scripts and styles */ function theme_name_scripts() { wp_enqueue_style( 'style-name', get_stylesheet_uri() ); wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
这段代码读取的是你正在创建一个名为“theme_name_scripts”的函数,现在你正在调用wp_enqueue_script(),这需要5个参数“Script Name”,“URL”,“ARRAY”,“Version”,“True / False” (标题中的真实负载,页脚中的False)…
Add_action部分是一个将其附加到WordPress的钩子。 它是自我解释的,你需要它才能使function发挥作用。 它表示来自函数’theme_name_scripts’的wp_enqueue_scripts或函数名称。
祝您好运,如果您需要更多帮助,请尝试Google“WordPress,入队脚本教程”
在我的functions.php中:
function mytheme_scripts() { wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array('jquery'), false, true ); } add_action( 'wp_enqueue_scripts', 'mytheme_scripts' ); function custom_shortcode3() { echo "wp_enqueue_scripts();"; } add_shortcode( 'totaldeprodutos', 'custom_shortcode3' );
在我的/js/myscript.js中:
我需要短代码显示function总计()