2017-09-13 16 views
0

私は、特定のスライドにアコーディオンスライダ(Enfoldテーマ)を公開しようとしています(残念ながら、Enfoldはそれを提供しません)。私は、このコードで始まると考えることができるすべてを試してみた:jqueryを使ってワードプレスのクラスを変更するには

<script> 
$(window).load(function(){ 
$('.aviaccordion-inner').find('.aviaccordian-slide-  3').addClass('aviaccordian-active-slide'); 
}); 
</script> 

は、その後、私はまた、このコードを試してみました:

<script> 
jQuery(document).ready(function($) { 

$(window).load(function(){ 
$('.aviaccordion-inner').find('.aviaccordian-slide- 3').addClass('aviaccordian-active-slide'); 
}); 

}); 
</script> 

私が使用ノー持っていたので、などを「(ウィンドウ).LOAD」単に単純な "(文書).ready"のいずれかで運がよい。私はそれがスライダーとjqueryの負荷の後にロードされていることを確認しました。私はまた、スライダがロードされる直前にボディに入れてみました。私はこれをどのように 'ロード'の特定のスライドをロードすることができるかについて誰かが考えていますか?

ウェブサイトのURLは次のとおりです。http://www.twinsupplies.net/2017/

+2

あなたはHtmlの部分に書いた内容を確認できますか? –

+0

あなたの質問にはHTMLを含めることで、あなたが目標としているものを見ることができます。また、私はあなたのウェブサイトを見て、私はこのスライダーがどこにあるのか分からないのですか?私はあなたがメインバナーでアコーディオンを意味すると仮定しましたが、 'aviaccordion-inner'クラスを使用しないので、あなたが取り組もうとしているアコーディオンはどこですか? – FluffyKitten

答えて

1

これは、クラス別の要素をターゲットとjQueryでそれにクラスを追加するための正しい構文です。これを試してみて、何が起こったのか教えてください。ただし、 '.classYouWantToTarget'を対象とするクラスに変更し、 'classYouWantToAdd'を追加しようとしているクラス名に変更してください。

<script> 
    $(function(){ 
     $('.classYouWantToTarget').addClass('classYouWantToAdd'); 
    }); 
</script> 

私は動的に表示される要素を上使用していた別の戦術は、このようなものです...

<script> 
$(function() { 
    //Name my interval to target later 
    var myInterval = setInterval(function() { 
     //code from the first example 
     $('.classYouWantToTarget').addClass('classYouWantToAdd'); 
     //See if your class has the class you're trying to add 
     if($('.classYouWantToTarget').hasClass('classYouWantToAdd')) { 
      //If so, clear the interval 
      clearInterval(myInterval); 
     } 
    //Minimum acceptable interval time as of today 
    }, 4); 
}); 
</script> 

EDIT:

あなたはjQueryのは、あなたのサイトに追加したり、意志持っている必要がありますコンソールで "not a function"エラーを取得します。 bodyタグの終わりの直前にこのスクリプトを追加してください。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
+0

こんにちは、アイデアをありがとう。私は「addClass」もやってみたことを忘れていましたが、何かを見逃した場合に備えてもう一度試しました。それは私に次のシェルに入れるまで私に "not a function"エラーを与えます: ' jQuery(document).ready(function($){ }); ' エラーは発生しませんでしたが、動作しませんでした。私はPHPでこれを行うことができるかもしれないかと思います。私はそれがとても難しいことに驚いています。アイデアをありがとう。 – waterwalk77

+0

私はこの問題に対処するために私の答えを編集しました。 – iPzard

関連する問題