gpt4 book ai didi

javascript - 无法让 javascript 和 Jquery 在functions.php 中工作

转载 作者:行者123 更新时间:2023-11-28 16:56:48 25 4
gpt4 key购买 nike

这是我的第一篇文章!

我对编码有点陌生,我了解足够的 html 和 css,并结合使用 bootstrap 等框架来开发一个基本的网站,并开始学习如何使用 php 在 WordPress 中构建主题。

我的目标是使用 bootstrap 和 javascript 构建一个主题,但我在执行最简单的任务时遇到了麻烦,例如让脚本在functions.php中工作。我一直在关注一些在线教程,但这些教程不起作用,经过大量的实验和研究,我似乎无法让任何东西发挥作用。

我的functions.php代码是:

<?php

function styles() {
wp_register_style('bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
$dependencies = array('bootstrap');
wp_enqueue_style( 'bootstrapstarter-style', get_stylesheet_uri(), $dependencies );

wp_register_style('style', get_template_directory_uri() . 'style.css');
$dependencies = array('style');
wp_enqueue_style('style', get_stylesheet_uri(), $dependencies);
}
add_action( 'wp_enqueue_scripts', 'styles' );



function scripts() {

wp_deregister_script('jquery3.4.1');
wp_enqueue_script('jquery3.4.1', get_template_directory_uri() . 'jquery-3.4.1.min.js', '', 1, true);

$dependencies = array('jquery');
wp_enqueue_script('bootstrap', get_template_directory_uri() .'/bootstrap/js/bootstrap.min.js', $dependencies, '3.3.6', true );

wp_enqueue_script('customjs', get_template_directory_uri() . 'scripts.js', '', 1, true);

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


function title(){
add_theme_support( 'title-tag' );
}
add_action( 'after_setup_theme', 'title' );


?>


我有一段测试代码,它在 script.js 中显示弹出警报(页脚正在调用 ?php wp_footer();? ):

$(document).ready(function(){
alert('test');
})

我还尝试了加载顺序,认为引导 js 可能会干扰我自己的 js,但无论我如何定位它们,我都无法让它们工作。

如果这是一个愚蠢的问题,如果之前有人问过这个问题,但我查到的任何东西似乎都不起作用,我们将不胜感激,我们将不胜感激。

非常感谢!

最佳答案

您可能需要将 javascript 中的 $ 替换为 jQuery。 jQuery 在 WP 中默认处于兼容模式。这意味着 jQuery 的典型 $ 快捷方式不起作用。

 jQuery(document).ready(function(){
alert('test');
})

关于javascript - 无法让 javascript 和 Jquery 在functions.php 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58917845/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com