0

WordPress でカスタム テーマをゼロから作成しています。現在、index.php、footer.php などの必要な .php ファイルの作成など、基本的なことしか行っていません。ナビゲーション メニューには、フッター内をアニメーションでナビゲートする連絡先アンカーがあります。そのため、Chrome と Safari では機能しませんが、Firefox では機能します。(IE はまだテストされていません)。これは、メタタグの直後のheader.phpでの私の jQuery および js ファイル参照です。

<!-- Scripts -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scrolling.js"></script>
<!-- End of Scripts -->

<!-- CSS links -->


<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

</head>

これは私の js ファイルで、非常にシンプルです。

$(document).ready(function()
{

  var v = $('div.nav-bar li a:last').addClass('scrollToBottom');
    v.click(function()
    {
    $('html,body').animate( {scrollTop: $(document).height() }, 1600);
      console.log('hello');
      return false;
    });

});

私のナビゲーション バーは、functions.php の "nav-bar" クラスで動的に作成されます。そのため、JSが機能していることを確認するためだけにconsole.logを追加しました。連絡先をクリックするとクリック機能が起動しますが、何も起こりません。申し訳ありませんが、画像をアップロードできません。また、静的な場合は正常に動作しますが、静的なナビゲーションは必要なく、 Firefoxでも動作します....どんな提案でも大歓迎です。

4

1 に答える 1

0

ファイルでは使用<?php wp_enqueue_script("jquery"); ?>しないでください。をファイルに追加し、それに応じて を使用してフックする必要があります。header.phpwp_enqueue_script()functions.phpadd_action('wp_enqueue_scripts', 'function_name')

その後、どちらも追加する必要はありません<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>。

WordPress は、競合なしモードで jQuery を読み込みます。したがって、jQuery は次のようになります。

jQuery(document).ready(function($)
{
 // your code here
});
于 2013-03-20T17:24:35.527 に答える