0

さて、WordPressWebサイトのheader.phpファイルに次のjqueryを追加しようとしています。

<script type="text/javascript">
    $(function() {

        $( '#co-slider' ).circleslider()


        });     
    </script>

これは私がダウンロードしたhtmlソースファイルから直接コピーされており、過去3時間かけて問題の結論を導き出そうとしていましたが、ワードプレスに関しては私はネビーです。これまでのところ、私が収集できたのは、おそらく競合モードがないためであるということだけです。http://api.jquery.com/jQuery.noConflict/と、別の質問から関連があると思われる次の手順を読んでみました。ここに、wordpressで機能しないjqueryのリンクがあります。また、これが問題だとは思いませんが、これが私のjavascriptを参照する方法です。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script><script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script>

私はそれが問題だとは思わないと言います。なぜなら、これは私が他のことにもそれを持っている方法であり、それらはうまく機能するからです。また、http://codex.wordpress.org/Function_Reference/wp_enqueue_scriptを参照して、wpenqueueを使用する必要があります。しかし、私はまた、私が現在持っている方法がうまく機能していることも読みました。私はこれをサイトで機能させたいと思っているので、どんな助けでも大歓迎です。

乾杯

4

2 に答える 2

1

これは、デフォルトでは、wordpressがjQueryをjQueryではなく名前空間にロードするためです$。したがって、代わりにに変更する$jQuery、jQueryコードの前にjQueryへの参照を作成するという私が通常行うことを実行できます。

var $ = jQuery;

于 2013-02-27T04:32:16.107 に答える
1

あなたはすべてを次のように機能させることができます

    jQuery(function($) {
    $( '#co-slider' ).circleslider()
    }); 

WordPressでは、$()構文は常に他のスクリプトライブラリによって使用されるため、競合の問題が発生し、jQuery関数の呼び出しに失敗します。代わりにjQuery()を使用する必要があります…</ p>

noConflict()または、 …</p> を使用することもできます

于 2013-02-27T04:33:53.520 に答える