0

这是我的网站: 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会生成activecapik-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');
}

请帮忙!!:/我想隐藏拇指激活状态的标题!!:(

4

1 回答 1

0

我想从拇指的激活状态隐藏标题

我认为你需要的只是一些 CSS 来隐藏<span class="capik">标题liactive

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

当拇指悬停时隐藏标题:

.pika-thumbs li:hover .capik { display: none; }
于 2015-03-26T13:51:30.250 回答