个人中心
gpt4 book ai didi

javascript - 脚本和样式未在 functions.php 中排队

转载 作者：行者123 更新时间：2023-12-04 07:52:29 24 4
gpt4 key购买 nike

我正在转换一个 wordpress 主题中的 html 模板，我试图在 functions.php 中加入样式和脚本，但有些工作正常，有些不工作我的自定义 css 也没有工作只有 Bootstrap 类工作下面是我的 header.php 代码:

<?php
 /**
 * Header file for the Twenty Twenty WordPress default theme.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* 
these tags -->s
<title> Unistore Pro &middot; Premium Responsive E-Commerce Template</title>

<meta name="description" content="Bootstrap template for you store - E-Commerce Bootstrap Template">
<meta name="keywords" content="unistore, e-commerce bootstrap template, premium e-commerce bootstrap 
template, premium bootstrap template, bootstrap template, e-commerce, bootstrap template, sunrise 
digital">
<meta name="author" content="Sunrise Digital">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">

<!-- Bootstrap -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link href="assets/css/carousel.css" rel="stylesheet">
<link href="assets/ionicons-2.0.1/css/ionicons.css" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link href='https://fonts.googleapis.com/css?family=Catamaran:400,100,300' rel='stylesheet' 
type='text/css'>

<link href="assets/css/custom-scroll/jquery.mCustomScrollbar.css" rel="stylesheet">

    <?php wp_head(); ?>

</head>

下面是functions.php入队代码的代码:

    function Twenty_twenty_files() { 
    wp_enqueue_style('twentytwenty_style', get_stylesheet_uri()); 
    } 

    add_action('wp_enqueue_scripts', 'Twenty_twenty_files');


    function Twenty_twenty_scripts() { 
    wp_enqueue_script('twentytwenty_script', get_theme_file_uri(), array(), '1.0'); 

    wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/custom- 
   scroll/jquery.mCustomScrollbar.concat.min.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-touch-navigation', get_theme_file_uri( '/js/bootstrap.js' ), 
    array(), '20181231', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/bootstrap.min.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/carousel.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/carousel-product.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/checkout.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/color-calculations.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/core.js' ), array(), 
    '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize-controls.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize-preview.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/editor-script-block.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/index.js' ), array(), 
     '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( 
    '/js/jquery.touchSwipe.min.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery.ui.touch- 
   punch.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery-latest.min.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery-ui-1.11.4.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/masonry.pkgd.min.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/npm.js' ), array(), 
    '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/skip-link-focus-fix.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/store.js' ), array(), 
    '20181214', true );
    }
    add_action( 'wp_enqueue_scripts', 'Twenty_twenty_scripts' );

最佳答案

确保为所有 wp_enqueue_script 和 wp_enqueue_style 提供唯一句柄。第一个参数是句柄。您还可以使用 wp_dequeue_script 根据句柄删除 js。试试下面的代码。

function Twenty_twenty_scripts() { 
    wp_enqueue_script( 'twentytwenty_script',        get_theme_file_uri(), array(), '1.0'); 
    wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/custom- scroll/jquery.mCustomScrollbar.concat.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'bootstrap',                  get_theme_file_uri( '/js/bootstrap.js' ), array(), '20181231', true );
    wp_enqueue_script( 'bootstrap-min',              get_theme_file_uri( '/js/bootstrap.min.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'carousel',                   get_theme_file_uri( '/js/carousel.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'carousel-product',           get_theme_file_uri( '/js/carousel-product.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'checkout',                   get_theme_file_uri( '/js/checkout.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'color-calculations',         get_theme_file_uri( '/js/color-calculations.js'  ), array(), '20181214', true );
    wp_enqueue_script( 'core',                       get_theme_file_uri( '/js/core.js' ), array(),  '20181214', true );
    wp_enqueue_script( 'customize',                  get_theme_file_uri( '/js/customize.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'customize-controls',         get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181214', true );
    wp_enqueue_script( 'customize-preview',          get_theme_file_uri( '/js/customize-preview.js' ), array(), '20181214', true );
    wp_enqueue_script( 'editor-script-block',        get_theme_file_uri( '/js/editor-script-block.js' ), array(), '20181214', true );
    wp_enqueue_script( 'index',                      get_theme_file_uri( '/js/index.js' ), array(), '20181214', true );
    wp_enqueue_script( 'touchSwipe',                 get_theme_file_uri( '/js/jquery.touchSwipe.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'touch- punch',               get_theme_file_uri( '/js/jquery.ui.touch-punch.js' ), array(), '20181214', true );
    wp_enqueue_script( 'jquery-latest',              get_theme_file_uri( '/js/jquery-latest.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'jquery-ui',                  get_theme_file_uri( '/js/jquery-ui-1.11.4.js' ), array(), '20181214', true );
    wp_enqueue_script( 'masonry',                    get_theme_file_uri( '/js/masonry.pkgd.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'npm',                        get_theme_file_uri( '/js/npm.js' ), array(), '20181214', true );
    wp_enqueue_script( 'skip-link-focus-fix',        get_theme_file_uri( '/js/skip-link-focus-fix.js' ), array(), '20181214', true );
    wp_enqueue_script( 'store',                      get_theme_file_uri( '/js/store.js' ), array(), '20181214', true );
}
add_action( 'wp_enqueue_scripts', 'Twenty_twenty_scripts' );

关于javascript - 脚本和样式未在 functions.php 中排队，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66882353/

24 4 0
文章推荐： javascript - 给定 ‘undefined’(获得默认值)的 JS fn 可选参数失败至少 ‘new Date(yr,moi,d,hr,min,s,ms)’ +Array.prototype.splice
文章推荐： sql - 使用交叉应用子查询优化 sql 查询的问题
文章推荐： java - 通过java客户端查询主键 - Aerospike
文章推荐： python-3.x - 求解 Atlas IK(无约束)失败？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com