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();
  })

});

編集

これが私が構築しているワードプレスのテーマへのリンクです：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 
 $('#hide,#show').click(function () {
    $('#hide,#show').toggle();
})

ここにセミコロンがありません。

今すぐもう一度お試しください。それがうまくいくことを願っています。そうでない場合でも、それを呼び出しているメインのhtmlページを投稿してください。

于 2012-06-19T19:35:45.983 に答える
0

外部スクリプトを含めることについて本当に奇妙なことの1つは、それをどのように閉じるかが重要であるということです。これ：

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

動作し、これ：

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

そうではありません。理由はわかりませんが、これが発生する可能性があることだけを知っています。

于 2012-06-19T20:32:55.250 に答える