Question

我想在外部加载这个javascript，但它似乎无法正常工作？有这个原因吗？

我一直在阅读，我在所有事情之前首先加载jquery。但是在调用这些函数时，它们将无法加载。

$(document).ready(function () {
  //add span to numbers
  var elem = document.getElementById('passage');
  elem.innerHTML = elem.innerHTML.replace(/\b(\d+)\b/g, '<span>$1</span>');

  //menu toggle     
  $("#social-wrap li:nth-child(6)").click(function () {
    $("#phone-nav").slideToggle("slow");
  });

  //nav slideDown      
  $('#main-nav li').hover(function () {
    //show its submenu
    $('ul', this).slideDown(100);
  }, function () {
    //hide its submenu
    $('ul', this).slideUp(100);
  });

  //show/hide countdown  
  $('#show').click(function () {
    $('#countdown').slideDown('slow');
    return false;
  });

  $('#hide').click(function () {
    $('#countdown').slideUp('fast');
    return false;
  });

  $('#hide,#show').click(function () {
    $('#hide,#show').toggle();
  })

});

修改的

以下是我正在构建的wordpress主题的链接：http://beta.revival.tv/
以及JS文件：http://beta.revival.tv/wp-content/themes/revival-theme/lib/scripts/main.js?ver=1.1
对不起网站是多么混乱，仍然在努力。

Answer 1

首先，我听说Wordpress因JQuery的简写而变得混乱。您可以将代码包装在这样的内容中，以便能够使用$简写。否则尝试使用完整的jQuery（）而不是$（）。

( function( $ ) {
   // allows you to use $ inside of this wrapper.

} )( jQuery );

另外，您如何在主题中添加jQuery？

http://wordpress.org/support/topic/how-do-you-get-jquery-to-work-in-wordpress

Answer 2

 $('#hide,#show').click(function () {
    $('#hide,#show').toggle();
})

这里没有分号。

现在再试一次。希望它有效。即使它没有，发布你的主html页面你在叫它。

Answer 3

包含外部脚本的一个非常奇怪的事情是关闭它的方式很重要。这样：

<script type='blah' src='path'></script>

有效，而且：

<script type='blah' src='path' />

不。我不知道为什么，我只知道这可能发生。

外部调用javascript无法正常工作

3 个答案: