Question

有人告诉我，jquery会自动包含在wordpress中，但是我继续将jquery包含在我的functions.php中。我正在尝试创建一个简单的脚本，在单击链接时向下滚动到div #id。

我创建了这个脚本：

jQuery(document).ready(function($) {
  jQuery("#view-visibility").click(function() {
   jQuery('html, body').animate({
    scrollTop: jQuery("#visibility").offset().top
   }, 2000);
  });
)};

我将脚本放在我自己的文件script.js中，并将其添加到functions.php中：

`

function theme_js() {
  //parameters: 1.handle, 2.path, 3.array of dependents, 4.version specification, 5.load in footer? true or false
  wp_enqueue_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', '', '3.1.1', true );
  wp_enqueue_script( 'bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js', array('jquery'), '', true );
  wp_enqueue_script( 'my_js', get_template_directory_uri() . '/script.js', array('jquery'), '', true );

}

add_action( 'wp_enqueue_scripts', 'theme_js' );`

我仍然无法让它工作......我不知道这笔交易是什么！我应该在头部还是身体前加载jquery？

链接到我的网站 http://jakeford.io/pwi-project

Answer 1

了解如何使用Firefox（或Firebug）或Chrome或Safari或IE中的开发者工具来检查Javascript和其他控制台错误。

在控制台中，我看到SyntaxError: Unexpected token ')' on line 9 of script.js.

请尝试}); });

Answer 2

我检查了您的网站script.js它确实有语法错误，请尝试以下代码：

jQuery(document).ready(function(jQuery) {

  jQuery("#view-visibility").click(function() {
  jQuery('html, body').animate({
      scrollTop: jQuery("#visibility").offset().top
  }, 2000);
  });
    jQuery('.my-slider').unslider({
      autoplay: true
    });
});

Answer 3

用$：

替换jQuery

$(document).ready(function($) {
  $("#view-visibility").click(function() {
   $('html, body').animate({
    scrollTop: $("#visibility").offset().top
   }, 2000);
  });
)};

我不能让我的jquery在我的wordpress网站上工作

3 个答案: