0

我正在尝试从外部加载此 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
很抱歉该网站有多乱，仍在努力。

4

3 回答 3

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

于 2012-06-19T20:16:18.753 回答
0

包含外部脚本的一件非常奇怪的事情是，如何关闭它很重要。这个：

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

工作，这：

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

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

于 2012-06-19T20:32:55.250 回答
0 
 $('#hide,#show').click(function () {
    $('#hide,#show').toggle();
})

这里缺少分号。

现在再试一次。希望它有效。即使没有，也要在您调用它的地方发布您的主 html 页面。

于 2012-06-19T19:35:45.983 回答