为什么它仅部分地起作用?

时间:2015-06-02 11:38:52

标签: jquery html

我有这个网站:

http://www.moment-of-style.com/

在第一页上,您会看到一个大图像滑块,其中包含第一个图像,然后是小图像。

此滑块由我使用JQuery创建,具有以下条件。

        if(jQuery("#slider #left-slide img").first()){
            jQuery('#left-slide').addClass('full-banner');
        }

如果是第一个元素,那么图片就会很棒...我希望这两个元素一样。

我尝试了这段代码。

    if(jQuery("#slider #left-slide img").first() ||jQuery("#slider #left-slide img").nth-child(2)){
        jQuery('#left-slide').addClass('full-banner');
    }

但遗憾的是它不起作用。

你知道这是什么问题吗?你能帮我解决这个问题吗?

提前致谢!

修改

jQuery(document).ready(function(){

jQuery('#slider #left-slide img').hide();
jQuery("#slider #left-slide img").first().show();

if (jQuery('#slider').hasClass('ru-slide')){
if(jQuery("#slider #left-slide img").first()){
    jQuery('#left-slide').addClass('full-banner');
}
}

var index = 0;
var len = jQuery("#slider #left-slide img").length
var count = len -1;

function bannerRotator() {
    jQuery('#slider #left-slide img').delay(4300).eq(index).fadeOut("slow",function() { 
        if (index === count){
            index = -1;
        }

        jQuery('#slider #left-slide img').eq(index + 1).fadeIn("slow",function() {
            index++;
            bannerRotator();
        });

        if (jQuery('#slider').hasClass('ru-slide')){
            if(index == -1){
                jQuery('#left-slide').addClass('full-banner');
            } else {
                jQuery('#left-slide').removeClass('full-banner');
            }
        } else {}
    });
}
bannerRotator();

});

1 个答案:

答案 0 :(得分:0)

你检查的孩子是错的

if(jQuery("#slider #left-slide img").nth-child(2)){

它返回undefined

:nth-child是一个psudeo级选择器。所以我们检查如下

if(jQuery("#slider #left-slide img").first().length > 0 || jQuery("#slider #left-slide img:nth-child(2)").length > 0){
        jQuery('#left-slide').addClass('full-banner');
 }

或查看eq()

if(jQuery("#slider #left-slide img").eq(0).length > 0 || jQuery("#slider #left-slide img").eq(1).length > 0){
        jQuery('#left-slide').addClass('full-banner');
 }