Question

我是wordpress的新手。我在连接js / jQ时遇到问题。我读过有关如何安装jQuery的文章。

我想要做的是制作一个在点击时滑动的按钮。

我的问题是我使用wp_enqueue_script加载脚本并将wp_head，wp_footer分别放在</head>和</body>之前。但是，Wordpress将所有脚本放在正文的底部。

<?php

add_action( 'wp_enqueue_scripts', 'script_loader');


function script_loader() {

    //not sure if I should load the wp jquery fuction//

    wp_enqueue_script('jquery');

    wp_enqueue_script('jquery-ui-core');

    wp_enqueue_script('jquery-effects-core');


    //Here's the three scripts that I want to hook//

    wp_enqueue_script( 'skrollr', get_template_directory_uri() . '/js/skrollr.js', array(), NULL, true);

    wp_enqueue_script( 'init', get_template_directory_uri() . '/js/init.js', array(), NULL, true);

    //This is the jQuery one 
    wp_enqueue_script( 'slide', get_template_directory_uri() . '/js/slide.js', array('jquery'), NULL, false);   
}

假设我是正确的，jQuery假设被加载到头部而不是身体的末端，所以我确实试图用我的头部调用我的slide.js（我知道它不是正确的方法），它确实调用了但是slide.js仍然没有被解雇

这是幻灯片代码：

jQuery(document).ready(

  function($) {

    $('.down').click(function() {

      var x= $(window).scrollTop();
      var s;

      if (x < 500){
        s = 500;
      }else if(500 <= x && x <700 ){
        s = 700;
      }else if(700 <= x && x < 1000){
        s=1000;
      }else{
        s=1020;
      };

      $('html, body').animate(
        {scrollTop: s}, 1000);

    });
  };

);

这是非常令人沮丧的，因为当你做错事时没有任何反馈，有人可以帮忙吗？：（

Answer 1

我发现了问题所在。原来我的按钮与其他图层重叠，所以当我点击按钮时，我并没有真正点击任何内容。

只需将z-index更改为更大的值，一切运行良好。 jQuery没有错：:)

jQuery（scrolltop）在wordpress中不起作用

1 个答案: