警報，hasClass和其他不起作用pikachoose滑塊

Question

這是我的網站： 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會生成active類和capik-no類...

因此，特別是由於JQuery生成的系統找不到此<li>類？？？ 警報無法運行.. 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');
}

：/我想隱藏字幕的激活狀態!! :(

Answer 1

我想從拇指的激活狀態隱藏字幕

我想您需要的是一點點CSS，以便在li active類時隱藏標題<span class="capik">

.pika-thumbs .active .capik { display: none; }

拇指懸停時隱藏字幕：

.pika-thumbs li:hover .capik { display: none; }