Question

我正在尝试检查幻灯片是否具有1的不透明度，如果我想删除一个类然后添加一个类，它只适用于第一个当前这是我的代码。

$(document).ready(function () {

    if ($('#slide1').css('opacity') == 1) {
      alert("slide1");
      $('#slide1 img').removeClass("slider-in");
      $('#slide1 img').addClass("slider-come-in");
    }

    if ($('#slide2').css('opacity') == 1) {
      alert("slide2");
      $('#slide2 img').removeClass("slider-in");
      $('#slide2 img').addClass("slider-come-in");
    }

    if ($('#slide3').css('opacity') == 1) {
      alert("slide3");
      $('#slide3 img').removeClass("slider-in");
      $('#slide3 img').addClass("slider-come-in");
    }

    if ($('#slide4').css('opacity') == 1) {
      alert("slide4");
      $('#slide4 img').removeClass("slider-in");
      $('#slide4 img').addClass("slider-come-in");
    }

    if ($('#slide5').css('opacity') == 1) {
      alert("slide5");
      $('#slide5 img').removeClass("slider-in");
      $('#slide5 img').addClass("slider-come-in");
    }
  });

这是滑块的jquery

   // Deal with the frontpage image

    if (fullPageImage.length > 0) {


        //Setup and start frontpage slideshow

        fullPageImage.css('background', 'none');        // Remove the fallback background;

        fullPageImage.children('.slide').each(function () { // Initialise each slide by setting its background image as the URI container in its data attributes

            var $this = $(this),
                bgImage = $this.attr('data-src');

            $this.css({'background-image' : 'url(' + bgImage + ')'});

        });

        fullPageImage.cycle(opts);

        $('.slide-next').click(function () {

            fullPageImage.cycle('next');

        });

        //Resize functions

        sizeBigImage();
        $(window).resize(function (e) {

            sizeBigImage();     // Resize slide container

        });
        window.onload = function() { sizeBigImage(); }

        // Scroll bind - For repositioning header and automated scrolls
        setTimeout(function () {positionHeader();}, 6000);

        $(window).scroll(function (e) {
            positionHeader();

            var newScroll = $(this).scrollTop();

            if (newScroll === 0) {
                fullPageImage.cycle('resume');
            } else {
                fullPageImage.cycle('pause');
            }


            lastScroll = newScroll;
        });



   Variable declaration / JQ element caching
    */
    var mainNav = $('#main_navigation'),
        mainHeader = $('#main_header'),
        $window = $(window),
        fullPageImage = $('#full_page_image'),
        opts = {
            timeout:            7000,       // how often the slides change
            speed:              750,        // how fast transitions occur
            fx:                 'fade',
            pause:              false,      // pause when use mouseovers page
            fit:                1,
            width:              '100%',
            height:             '100%',
            slideExpr:          '.slide',
            pager:              '.slider-pager',
            onPrevNextEvent: function(isNext, index, slideElement){
                       if ($(slideElement).css('opacity') == 1) {
                          $(slideElement).find('img').removeClass("slider-in");
                          $(slideElement).find('img').addClass("slider-come-in");
                      }
            },
            pagerAnchorBuilder: function (index, DOMElement) {

                return "<span class=\"icon-record slide-nav\"></span>";

            }
        },
        lastScroll = $(window).scrollTop(),
        menuButton = $('#menu_button'),
        downButton = $('#down_button');

Answer 1

你做对了，

http://jsfiddle.net/afzaal_ahmad_zeeshan/L2T2V/

if($('div').css('opacity') == '1') {
    alert('Something!');
}

这将搜索opacity的css属性并创建它的条件。

正如您在评论中所说，您可能面临的是什么

我如何检查每张幻灯片的更新时间？

每次执行脚本时，它都会查找元素的当前情况，当前CSS及其当前文本！因此，每次执行它都会查找当前属性。

因此，您正在使用或不使用opacity: 1脚本应该执行，因为1的第一个和默认值是opacity。

Answer 2

使用jQuery Cycle插件（很棒的插件顺便说一句）你可能想要添加一个幻灯片更改事件：

$('#slider').cycle({
    after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
         $(currSlideElement).find('img').removeClass('slider-come-in');
         if ($(nextSlideElement).css('opacity') == 1) {
           $(nextSlideElement).find('img').removeClass("slider-in");
           $(nextSlideElement).find('img').addClass("slider-come-in");
      }
    },
    //Any other cycle options
});

jQuery Cycle Options

Answer 3

我知道这有点晚了，但是如果你添加/删除课程，为什么不检查你的幻灯片是否有课程？感觉对我来说是最简单的解决方案。此外，这样它仍然可以工作，例如，即使您创建了一个不同的过渡效果，也不会在以后操纵不透明度（即“滑动”而不是“淡化”）。

检查div是否具有1 jquery的不透明度

3 个答案: