Cyclone滑块-jQuery选项卡冲突
我想在jQuery选项卡中放置一个滑块,但是当jQuery代码隐藏选项卡并仅显示第一个选项卡时,滑块将失去其功能(保持隐藏状态) 您可以在Kent主题的演示页面中找到该选项卡: jQuery代码是:Cyclone滑块-jQuery选项卡冲突,jquery,wordpress,tabs,slider,Jquery,Wordpress,Tabs,Slider,我想在jQuery选项卡中放置一个滑块,但是当jQuery代码隐藏选项卡并仅显示第一个选项卡时,滑块将失去其功能(保持隐藏状态) 您可以在Kent主题的演示页面中找到该选项卡: jQuery代码是: jQuery('#tabs div').hide(); jQuery('#tabs div:first').show(); jQuery('#tabs ul.tabnav li:first').addClass('active'); jQuery('#tabs ul
jQuery('#tabs div').hide();
jQuery('#tabs div:first').show();
jQuery('#tabs ul.tabnav li:first').addClass('active');
jQuery('#tabs ul.tabnav li a').click(function(){
jQuery('#tabs ul.tabnav li').removeClass('active');
jQuery(this).parent().addClass('active');
var currentTab = jQuery(this).attr('href');
jQuery('#tabs div').hide();
jQuery(currentTab).show();
jQuery('.cycle-slideshow').cycle('reinit');
return false;
});
和旋风2滑块:
这就是我到目前为止所做的:
阅读不是为我工作的!
阅读试图破坏,循环,控制;没有一个奏效
提示:滑块是wordpress插件。jQuery选项卡隐藏了滑块的所有部分(div和sub分区),一旦隐藏,它就永远无法恢复活力!它已经试过了。滑块显示,一旦它被隐藏(使用Inspect元素),它就再也不会回来了!
我也尝试过其他滑块。一旦显示器被移除,他们就会回来:没有一个被移除
你的建议是什么?旋风似乎没有办法!我必须使用Weptile图像滑块小部件
<div tabindex="0" class="cycloneslider cycloneslider-template-standard cycloneslider-width-responsive" id="cycloneslider-gisheh-1" style="max-width:960px">
<div class="cycloneslider-slides cycle-slideshow" data-cycle-allow-wrap="true" data-cycle-dynamic-height="off" data-cycle-auto-height="960:400" data-cycle-auto-height-easing="null" data-cycle-auto-height-speed="250" data-cycle-delay="0" data-cycle-easing="" data-cycle-fx="fade" data-cycle-hide-non-active="true" data-cycle-log="false" data-cycle-next="#cycloneslider-gisheh-1 .cycloneslider-next" data-cycle-pager="#cycloneslider-gisheh-1 .cycloneslider-pager" data-cycle-pause-on-hover="false" data-cycle-prev="#cycloneslider-gisheh-1 .cycloneslider-prev" data-cycle-slides="> div" data-cycle-speed="1000" data-cycle-swipe="false" data-cycle-tile-count="7" data-cycle-tile-delay="100" data-cycle-tile-vertical="true" data-cycle-timeout="4000">
<div class="cycloneslider-slide cycloneslider-slide-image">
<img src="http://example.com/img/img1.jpg" alt="" title="" />
</div>
<div class="cycloneslider-slide cycloneslider-slide-image">
<img src="http://example.com/img/img2.jpg" alt="" title="" />
</div>
<div class="cycloneslider-slide cycloneslider-slide-image">
<img src="http://example.com/img/img3.jpg" alt="" title="" />
</div>
<div class="cycloneslider-slide cycloneslider-slide-image">
<img src="http://example.com/img/img4.jpg" alt="" title="" />
</div>
</div>
<div class="cycloneslider-pager"></div>
<a href="#" class="cycloneslider-prev"> <span class="arrow"></span>
</a>
<a href="#" class="cycloneslider-next"> <span class="arrow"></span>
</a>
</div>