如何通过jQuery

时间:2017-06-27 21:55:33

标签: jquery

我遇到了一个问题,试图通过缩略图的垂直滑块来创建和显示/隐藏滑块数组。我已经建立了一个我试图在这里做的例子:

http://testsite.thedevbox.net/

我正在将4个Revslider生成的滑块加载到右侧的各个div中,左侧有一个垂直滑块缩略图。使用css除了初始滑块之外都是隐藏的,然后我使用以下代码在缩略图上点击显示/隐藏事件:

jQuery(document).ready(function() {
    jQuery('#projectsnav li').click(function() {
        jQuery('.slidergroup').hide();
        jQuery("div[data-sliderord='" + jQuery(this).data('sliderord') + "']").show(400);
    });
});

我遇到了几个问题:

1)最初加载的滑块很好,但所有其他滑块都太小了。但是,如果我点击页面然后返回,活动滑块看起来很好,尽管所有其他的,包括最初加载的滑块都没有。我尝试过的东西不起作用包括模糊然后在每个滑块显示后通过Javascript聚焦窗口,并在显示它们之后在相应的滑块上调用.revredraw()(包含在Revslider API中)方法。

2)由于某些原因,在垂直滑块中,圆形元素在滚动幻灯片时最终不可见,即。向上滚动两次,第一张幻灯片在底部插槽中不可见(但存在且可点击)。我们在非Wordpress环境中进行设置,并且它也在那里发生:

http://testsite.thedevbox.net/tmp/

0 个答案:

没有答案