如何在jquery中设置100%的宽度百分比

Question

jQuery(document).ready(function($) {
    $(".slider").slideshow({
        width: 1920,
        height: 710,
        transition: 'SquareRandom'
    });
    $(".caption").fadeIn(500);
    // playing with events:
    $(".slider").bind("sliderChange", function (event, curSlide) {
        $(curSlide).children(".caption").hide();
    });
    $(".slider").bind("sliderTransitionFinishes", function (event, curSlide) {
        $(curSlide).children(".caption").fadeIn(500);
    });
});

我用这个代码作为我的完整页面滑块，我想用徽标和mwnues旋转我的整个页面，在这个代码中，我有固定的高度和宽度，我不想让它固定，我想100%。

Answer 1

尝试更改宽度和高度选项以等于父窗口的宽度和高度：

$(".slider").slideshow({
        width: $(window).width() +"px",
        height: $(window).height()+"px",
        transition: 'SquareRandom'
 });

Answer 2

您也可以使用Pure CSS:

.slider {
 width: 100%!important
}

Answer 3

尝试

$('.slider').css('width', '');

删除width属性，为元素及其容器提供全宽