Question

我有一个页脚内容，如果用户点击i，它会打开。在这个页脚内容中，有一个滑块。但如果我点击i和页脚打开，滑块不起作用。

抱歉我的英语不好。

这里是JS代码。

  var footerSlider = $('.gallery_link_list_slide').bxSlider({
        minSlides: 6,
        maxSlides: 6,
        slideWidth: 200,
        slideMargin: 10,
        ticker: true,
        speed: 50000,
    });  

    $(".footer_up i").click(function(){
        $(".footer_content").slideToggle( "slow" );
        $('.footer_up i').toggleClass('fa-plus fa-minus');
        footerSlider.reloadSlider();
    });

如果我调整窗口大小，滑块可以正常工作。

Answer 1

请检查CSS的绝对位置是否设置为0，如下所述，您的页脚，absolute positioning和bottom: 0

Answer 2

滑块已经点击了我总是重新加载。这意味着如果点击加滑块重新加载，点击减去。

现在我解决了这个问题。

$(".footer_up i").click(function(){
       if($(".footer_content").css('display') == 'block') {
            $(".footer_content").slideUp("slow");
            $(".footer_up i").removeClass("fa-minus");
            $(".footer_up i").addClass("fa-plus");
       }
       else {
            $(".footer_content").slideDown("slow");
            $(".footer_up i").removeClass("fa-plus");
            $(".footer_up i").addClass("fa-minus");

            var footerSlider = $('.gallery_link_list_slide').bxSlider({
                minSlides: 6,
                maxSlides: 6,
                slideWidth: 200,
                slideMargin: 10,
                ticker: true,
                speed: 50000,
                auto: true
            }); 
       }

    });

reloadSlider不是一个函数

2 个答案: