Question

我试图将静态页面翻译成WP主题。我已将这样的所有脚本排列在（在functions.php上）：

      function brighterweb_scripts(){
    /* add styles*/
    wp_enqueue_style('bootstrap-core', get_template_directory_uri() . '/css/bootstrap.min.css');
    wp_enqueue_style('style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('full-page', get_template_directory_uri() . '/fullPage/jquery.fullPage.css');
    wp_enqueue_style('full-page-example', get_template_directory_uri() . '/fullPage/examples.css');



    /*add scripts*/
    wp_enqueue_script('jquery-ui', get_template_directory_uri() . '/js/jquery-ui.min.js', array('jquery'), true, true);
    wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), true, true);
    wp_enqueue_script('jquery-slim-scroll', get_template_directory_uri() . '/fullPage/vendors/jquery.slimscroll.min.js', array('jquery'), true, true);
    wp_enqueue_script('fullpage', get_template_directory_uri() . '/fullPage/jquery.fullPage.js', array('jquery'), true, true);
    wp_enqueue_script('fullpage-example', get_template_directory_uri() . '/fullPage/examples.js', array('jquery'), true, true);
    wp_enqueue_script('responsive-menu', get_template_directory_uri() . '/js/menu.js', array('jquery'), true, true);
  }
  add_action('wp_enqueue_scripts', 'brighterweb_scripts');

Css工作正常但是当我检查页面的源代码时，所有JavaScript文件都在那里但他们不在网站上工作（它们在静态/非wordpress页面上工作正常）。现场样本在这里：

http://brighterwebdesign.co.uk/wp-theme/ - ＆gt; wordpress主题

知道为什么JavaScript没有做任何事情吗？

Answer 1

如果您查看控制台，您会看到几个问题。我只在js文件中看到一个404。看起来您可能忽略了在您的网站上加载jquery，因为我看到了对'$'的引用，但它们未定义。你也有很多破碎的图像。仔细检查您的链接引用，并确保在其余的jquery引用之前加载jquery。

console log of website

自定义主题JavaScript未执行

1 个答案: