ここに私のウェブサイトがあります: http://www.proservinformatika.hu/!orex/
「pikachoose」ギャラリー スライダー プラグイン (無料 - http://www.pikachoose.com ) を正確に追加したところ、問題なく動作しました。フル画像の下にサムネイルが表示されます。最終的に親指の真ん中にキャプションを入れることにしました。
そして、<li class="active capik-no">親指のアクティブ状態を確認でき、数秒後にスライダーが画像を連続的に変更することが<li class="active capik-no">わかります。はい、これは自動スライダーの永遠のプロセスです..<li><li><li class="active capik-no">
私の問題は次alert()のとおりです。私はfn
をやろうとしています。このような：
if ($('.pikachoose li').hasClass("active")) {
alert('test');
}
また
if ($('.pikachoose li').hasClass("capik-no")) {
alert('test');
}
はcapik-no単なるテストクラスです。"display: none;"cssコード付き。はcapik単なるテストクラスです。"display: block; position: absolute;"cssコード付き。
アラートとconsole.logが機能しません...そして、コード<span class="capik">Text 1</span>「capik」クラスでサムネイルのキャプションであることがわかります...
私の計画は次のとおりです:
サムのアクティブ ステータスを次のように変更しようとしています: アクティブ サム ステータスにはキャプションがありません.. パッシブ ステータス サムにはのみあります。hasClass, addClass, removeClassそして、これをさまざまなソリューションで解決したいと思います。
しかし....アラートなどは機能しません... JQueryはactiveandcapik-noクラスを生成すると思います...
特に、システムは<li>JQuery によって生成されたためにこのクラスを見つけることができませんか??? アラートを実行できません.console.log はこれらのクラスで実行できません....
そのためhasClass、他の人も実行できません...そして、capika-noクラスでキャプションを非表示にするアクティブな親指ステータスを作成することはできません....
これがjsです：http://www.proservinformatika.hu/!orex/js/jquery.pikachoose.js
いずれかのサムネイル画像要素 (Ctrl-Shift-i) を確認してください。簡単なコードは次のとおりです。
<div class="pikachoose">
<ul class="jcarousel-skin-pika pika-thumbs">
<li class="active capik-no">
<div class="clip">
<img ref="http://www.proservinformatika.hu/!orex//images/slider-main/big/1.jpg" src="http://www.proservinformatika.hu/!orex//images/slider-main/small/1.jpg" class="" style="display: inline; width: 100%; opacity: 0.4;">
<span class="capik">Text 1</span>
</div>
</li>
<li>
<div class="clip">
<img ref="http://www.proservinformatika.hu/!orex//images/slider-main/big/2.jpg" src="http://www.proservinformatika.hu/!orex//images/slider-main/small/2.jpg" class="" style="display: inline; width: 100%; opacity: 0.4;">
<span class="capik">Text 2</span>
</div>
</li>
<li>
<div class="clip">
<img ref="http://www.proservinformatika.hu/!orex//images/slider-main/big/3.jpg" src="http://www.proservinformatika.hu/!orex//images/slider-main/small/3.jpg" class="" style="display: inline; width: 100%; opacity: 0.451875827717631;">
<span class="capik">Text 3</span>
</div>
</li>
<li>
<div class="clip">
<img ref="http://www.proservinformatika.hu/!orex//images/slider-main/big/4.jpg" src="http://www.proservinformatika.hu/!orex//images/slider-main/small/4.jpg" class="active capik-no" style="display: inline; width: 100%; opacity: 1;">
<span class="capik">Text 4</span>
</div>
</li>
</ul>
</div>
問題を解決するための現在のコードは次のとおりです(ただし、機能しません...=/):
if($('.pikachoose li').hasClass('active')) {
$('.pikachoose li span').addClass('capik-no');
$('.pikachoose li span').removeClass('capik');
} else {
$('.pikachoose li span').addClass('capik');
$('.pikachoose li span').removeClass('capik-no');
}
助けてください!!:/ 親指のアクティブ状態からキャプションを非表示にしたい!!:(