想要根据 jQuery(window).height() 使旋转滑块的高度动态化

Question

我正在开发名为 http://promomakerz.com/new 的网站，我想更改旋转滑块的高度，这取决于

jQuery(window).height -jQuery('.navbar').height();

所以我使用 jquery 技巧来使用此代码

        jQuery(window).on('load resize',function(){
            var height_left = jQuery(window).height()-jQuery('.navbar').height();
            jQuery('#rev_Slider').css({height:height_left+'px'});
            jQuery('#rev_slider_1_1').css({height:height_left+'px'});
            jQuery('#rev_slider_1_1_wrapper').css({height:height_left+'px'});
            console.log("Slider Changed Successfully");
        });

它确实有效，但它会自行反转为管理面板中写入的高度

大家在 2 天前尝试解决这个问题，但它仍然存在，请帮助

Answer 1

我的天啊！！！！感谢上帝，我找到了使用 API 的解决方案它有点棘手，但效果非常好 <3

解决方案：-

var api = revapi1; // the one refers to the slider id 
var height_left = jQuery(window).height()-jQuery('.navbar').height();
var sliderSettings = api.data('opt') || api[0].opt;
console.log(sliderSettings); // here u can see slider revapi1's settings
sliderSettings.height = height_left;
sliderSettings.conh = height_left;
sliderSettings.ulh = height_left;
sliderSettings.gridheight[0] = height_left;

Answer 2

非常感谢，但我必须使用超时才能正常工作

function resizeSlider() {
    var api = revapi1;
     var windowHeight = $(window).height();
     var height_left = windowHeight -  $('header.site-header').height() - $('#uid_581031dff187267690e9823b9a5b565a').height();  
     var sliderSettings = api.data('opt') || api[0].opt;
     //console.log(sliderSettings);
     setTimeout(function() {
        sliderSettings.height = height_left;
        sliderSettings.conh = height_left;
        sliderSettings.ulh = height_left;
        sliderSettings.gridheight[0] = height_left;
    },250);
}
$(window).resize(function(){
    resizeSlider();     
});
resizeSlider();

Answer 3

官方的偏移选项也可以工作：

jQuery('#rev_slider_1').show().revolution({

    sliderLayout: 'auto',

    /* OFFSET SLIDER BY THE HEIGHT OF AN ELEMENT */
    fullScreenOffsetContainer: ".navbar",

    /* options continued .... */

想要根据 jQuery(window).height() 使旋转滑块的高度动态化

want to make the revolution slider's height dynamic based on jQuery(window).height()

javascript

jquery

wordpress

revolution-slider