Question

在我的滑块上隐藏背景灰色叠加元素时遇到问题，我只有4个滑块，每个滑块的data-slidein值都来自1 to 4。当前滑块为slide-dataslide="1"时，如何隐藏背景灰色叠加？其余滑块2,3和4有背景覆盖。

我只想{2,3} display: block 2,3,4和data-slidein="1"中的背景叠加是display: none。

在这种情况下，所有滑块在每个滑块中都有一个自己的背景slider-image使用此background gray overlay sa div ls-layers，因此如何删除background gra overlay在slider-image-1？我不知道如何在jquery中写这个，但我有这样的想法。

    if([data-slidein=1]){ 
      ls-layers background should hide 
    } else { 
    not }

我只需找到第一张幻灯片，然后隐藏ls-layers这是背景叠加。

<div class="ls-slide-backgrounds">
    <!-- Display none the gray-bg-gradient.png -->
    <div class="ls-wrapper ls-bg-outer">
        <div class="ls-wrapper ls-bg-wrap">
            <img src="slider-image-1.png" class="ls-bg" data-slidein="1" data-slideout="1">
        </div>
    </div>
    <!-- Display the gray-bg-gradient.png -->
    <div class="ls-wrapper ls-bg-outer">
        <div class="ls-wrapper ls-bg-wrap">
            <img src="slider-image-1.png" class="ls-bg" data-slidein="2" data-slideout="2">
        </div>
    </div>
</div>
<div class="ls-layers"></div>

Answer 1

我认为您正在使用div标记来执行此操作，因此......

你可以用css

来做到这一点

div[data-slidein=1]{
   display: block;
}

但如果你需要javascript

$(document).ready(function(){
    $('div[data-slidein=1]').hide();
});

如果你想在事物之后隐藏它，把代码放在一个函数中并调用它，或者一个监听器

$(document).delegate('.my-button', 'click', function(){
    $('div[data-slidein=1]').hide();
});

仅在jquery中使用data-slidein = 1在一个滑块中隐藏一个元素

1 个答案: