-1

Wordpressのテーマで問題が発生しました

Nivo Slider（jQuery）とjqueryflexylisderが含まれています。

プラグインに問題があります->「EtherContentBuilder」

Nivoスライダーが機能していません...

ヘッダー

<?php wp_head(); ?>   
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script>

そしてそれはボディタグを超えています

  <script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script>

 <script type="text/javascript">
$(window).load(function() {
    $('#slidder').nivoSlider();
});
</script>

どうすればすべてが機能するようにできますか？jquery.noConflict（）をテストしましたが、機能しません。

4

2 に答える 2

2

NivoSlider をアタッチしている div id は実際に「slidder」と呼ばれていますか、それともタイプミスですか?

そうでない場合は、次の方法を試してください (乾杯 Jezen)

<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>
  • 編集

まず第一に、それは何らかの理由でロードしている jQuery の非常に古いバージョンであり、実行したとしてもあらゆる種類の問題を引き起こします。

完全に。Wordpress には jQuery が同梱されているので、キューに入れるだけです。functions.php で、それとそれに依存するスクリプトの両方をキューに入れます。

if ( !is_admin() ) {
   wp_enqueue_script('jquery');
   wp_enqueue_script( 'jquery.nivoslider', get_bloginfo('template_directory').'/js/jquery.nivo.slider.js', array('jquery'));
   wp_enqueue_script( 'jquery.flexislider', get_bloginfo('template_directory').'/js/jquery.flexislider.js', array('jquery'));       
}
  • もう一度編集します。

私は仕事に取り掛かり、あなたの情報源を見ました。私が言ったように、あなたのスクリプトを functions.php にエンキューしました。ただし、フッターにあるものは削除する必要があります。現時点では次のようになります。

 <script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery-1.7.1.min.js"></script>  


 <script type="text/javascript">
$(window).load(function() {
    $('#slidder').nivoSlider();
});
</script>

<script src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script>

このようにする必要があります (Jezen 提供)。

<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>
于 2012-07-18T19:14:17.543 に答える
1

1 - 次の行を削除します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

2 - スクリプトは終了 body タグの前に配置する必要があるため、次のように記述しますfooter.php。

<script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>
</body>
</html>
于 2012-07-19T08:13:08.053 に答える