RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1056357
Accepted
Frenc Olesov
Frenc Olesov
Asked:2020-12-09 20:14:02 +0000 UTC2020-12-09 20:14:02 +0000 UTC 2020-12-09 20:14:02 +0000 UTC

如何正确地将脚本连接到 WordPress?

  • 772

我有包含在functions.php.

其中一些包括一个滑块,例如jquery.flexslider.js.

在我输入的不是脚本的命令之后不显示。

<?php
add_action( 'wp_enqueue_scripts', 'style_theme' );
add_action( 'wp_footer', 'scripts_theme' );

function style_theme() {
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_style( 'default', get_template_directory_uri() . '/assets/css/default.css' );
    wp_enqueue_style( 'layout', get_template_directory_uri() . '/assets/css/layout.css' );
    wp_enqueue_style( 'layout', get_template_directory_uri() . '/assets/css/media-queries.css' );
}

function scripts_theme() {
    wp_enqueue_script( 'init', get_template_directory_uri() . '/assets/js/init.js' );
    wp_enqueue_script( 'doubletaptogo', get_template_directory_uri() . '/assets/js/doubletaptogo.js' );
    wp_enqueue_script( 'jquery.flexslider', get_template_directory_uri() . '/assets/js/jquery.flexslider.js' );
    wp_enqueue_script( 'jquery-1.10.2.min', get_template_directory_uri() . '/assets/js/jquery-1.10.2.min.js' );
    wp_enqueue_script( 'jquery-migrate-1.2.1.min', get_template_directory_uri() . '/assets/js/jquery-migrate-1.2.1.min.js' );
    wp_enqueue_script( 'modernizr', get_template_directory_uri() . '/assets/js/modernizr.js' );
}

.php 文件的屏幕截图

连接到 header.php 文件

InitJS 文件

`/*-----------------------------------------------------------------------------------
/*
/* Init JS
/*
-----------------------------------------------------------------------------------*/

 jQuery(document).ready(function() {

/*----------------------------------------------------*/
/*  Navigation - Double Tap to Go
------------------------------------------------------*/

   $( '#nav li:has(ul)' ).doubleTapToGo();

/*----------------------------------------------------*/
/*  Back To Top Button
/*----------------------------------------------------*/
        var pxShow = 300; //height on which the button will show
        var fadeInTime = 400; //how slow/fast you want the button to show
        var fadeOutTime = 400; //how slow/fast you want the button to hide
        var scrollSpeed = 300; //how slow/fast you want the button to scroll to top. can be a value, 'slow', 'normal' or 'fast'

        // Show or hide the sticky footer button
        jQuery(window).scroll(function() {

            if (jQuery(window).scrollTop() >= pxShow) {
                jQuery("#go-top").fadeIn(fadeInTime);
            } else {
                jQuery("#go-top").fadeOut(fadeOutTime);
            }

        });

        // Animate the scroll to top
        jQuery("#go-top a").click(function() {
            jQuery("html, body").animate({scrollTop:0}, scrollSpeed);
            return false;
        });


/*----------------------------------------------------*/
/*  Flexslider
/*----------------------------------------------------*/
   $('#intro-slider').flexslider({
      namespace: "flex-",
      controlsContainer: "",
      animation: 'fade',
      controlNav: false,
      directionNav: true,
      smoothHeight: true,
      slideshowSpeed: 7000,
      animationSpeed: 600,
      randomize: false,
   });

/*----------------------------------------------------*/
/*  contact form
------------------------------------------------------*/

   $('form#contactForm button.submit').click(function() {

      $('#image-loader').fadeIn();

      var contactName = $('#contactForm #contactName').val();
      var contactEmail = $('#contactForm #contactEmail').val();
      var contactSubject = $('#contactForm #contactSubject').val();
      var contactMessage = $('#contactForm #contactMessage').val();

      var data = 'contactName=' + contactName + '&contactEmail=' + contactEmail +
               '&contactSubject=' + contactSubject + '&contactMessage=' + contactMessage;

      $.ajax({

          type: "POST",
          url: "inc/sendEmail.php",
          data: data,
          success: function(msg) {

            // Message was sent
            if (msg == 'OK') {
               $('#image-loader').fadeOut();
               $('#message-warning').hide();
               $('#contactForm').fadeOut();
               $('#message-success').fadeIn();   
            }
            // There was an error
            else {
               $('#image-loader').fadeOut();
               $('#message-warning').html(msg);
                $('#message-warning').fadeIn();
            }

          }

      });

      return false;

   });


});
`
php
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    user243545
    2020-12-09T21:47:18Z2020-12-09T21:47:18Z

    前面部分的样式和脚本连接到 wp_enqueue_scripts 钩子。如果在页脚中需要它,则需要为wp_enqueue_script true添加第 5 个参数。您还有一堆依赖于 jquery 的库,但不包括 jquery 库本身。此外,您需要将 jquery 代码包装在(function ($) { //ваш код тут });.

    add_action( 'wp_enqueue_scripts', 'style_theme' );
    add_action( 'wp_enqueue_scripts', 'scripts_theme' );
    
    scripts_themefunction style_theme() {
        wp_enqueue_style('style', get_stylesheet_uri());
        wp_enqueue_style( 'default', get_template_directory_uri() . '/assets/css/default.css' );
        wp_enqueue_style( 'layout', get_template_directory_uri() . '/assets/css/layout.css' );
        wp_enqueue_style( 'layout', get_template_directory_uri() . '/assets/css/media-queries.css' );
    }
    
    function scripts_theme() {
        wp_enqueue_script( 'jquery' );
        wp_enqueue_script( 'init', get_template_directory_uri() . '/assets/js/init.js', [ 'jquery' ], true );
        wp_enqueue_script( 'doubletaptogo', get_template_directory_uri() . '/assets/js/doubletaptogo.js', [ 'jquery' ], true );
        wp_enqueue_script( 'jquery.flexslider', get_template_directory_uri() . '/assets/js/jquery.flexslider.js', [ 'jquery' ], true );
        wp_enqueue_script( 'jquery-1.10.2.min', get_template_directory_uri() . '/assets/js/jquery-1.10.2.min.js', [ 'jquery' ], true );
        wp_enqueue_script( 'jquery-migrate-1.2.1.min', get_template_directory_uri() . '/assets/js/jquery-migrate-1.2.1.min.js', [ 'jquery' ], true );
        wp_enqueue_script( 'modernizr', get_template_directory_uri() . '/assets/js/modernizr.js', [ 'jquery' ], true );
    }
    
    • 2

相关问题

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    根据浏览器窗口的大小调整背景图案的大小

    • 2 个回答
  • Marko Smith

    理解for循环的执行逻辑

    • 1 个回答
  • Marko Smith

    复制动态数组时出错(C++)

    • 1 个回答
  • Marko Smith

    Or and If,elif,else 构造[重复]

    • 1 个回答
  • Marko Smith

    如何构建支持 x64 的 APK

    • 1 个回答
  • Marko Smith

    如何使按钮的输入宽度?

    • 2 个回答
  • Marko Smith

    如何显示对象变量的名称?

    • 3 个回答
  • Marko Smith

    如何循环一个函数?

    • 1 个回答
  • Marko Smith

    LOWORD 宏有什么作用?

    • 2 个回答
  • Marko Smith

    从字符串的开头删除直到并包括一个字符

    • 2 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5