这是我的网站: 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
类......
所以特别是系统找不到这个<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');
}
请帮忙!!:/我想隐藏拇指激活状态的标题!!:(