javascript - 画像ギャラリー (スライダー) が機能しなくなった

Question

私は Florance テーマを使用しており、jquery と jcarousellite を使用したスライド イメージ ギャラリーが付属しています。どういうわけか動作を停止し（2日間は問題ありませんでした）、エラー（オブジェクトはこのプロパティまたはメソッドをサポートしていません）がスクリプトを指しています。問題のサイトはwww.happystay.net

助けてください。前もって感謝します。

Answer 1

カルーセルを宣言する直前に jQuery.noConflict() を使用していることに気付きました。競合を回避しようとしているページに特に何かありますか?

Safari の JavaScript コンソールを使用して、jQuery.noConflict() 部分なしでカルーセルを実行しました。単純な古い jQuery の $ 記号を使用してスクリプトを実行するように編集してみて、何が起こるかを確認してください。

編集: noConflict を削除した場合のコードは次のようになります。

<script type="text/javascript">
$(document).ready(function(){
    $(".mygallery").jCarouselLite({
        btnNext: ".nextb",
    btnPrev: ".prevb",
    visible: 1,
    easing: "backout",
    auto: 800,
    speed: 1500
  });
});
</script>

一般的に言えば、別のスクリプトが $ 変数で競合しない限り、noConflict を使用する理由はありません。一般的な例は、同じ Web サイトで jQuery と MooTools を使用しようとしている場合です。

Answer 2

これをしてください....これを含む行の後に<script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

置く <script type="text/javascript"> var $jx = jQuery.noConflict(); </script>

次のようになります... 17行目

<script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript"> $jx = jQuery.noConflict(); // note i added this line</script>  
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.easing.1.1.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jcarousel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.mousewheel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/cufon.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/Liberation_Serif_400.font.js?ver=2.9.2'></script> 

次に、246行目はこれになるはずです...

<script type="text/javascript"> 
$jx(document).ready(function(){
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
        btnPrev: ".prevb",
      visible: 1,
      easing: "backout",
      auto: 800,
       speed: 1500
    });

});
</script> 

それが修正されることを願っています....
デモはこちら
説明はこちら

編集：

わかりました、それでワードプレスです...うーん、phpスクリプトに追加するのはどうですか

echo "<script type='text/javascript'> var $jx = jQuery.noConflict();</script>";

後

wp_enqueue_script('jquery');