如何在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);
    });
});

我正在使用这段代码来制作完整页面的滑块，我想要旋转我的整个页面，包括标志和菜单。在这段代码中，我的高度和宽度已经固定了，但我不想再固定它们，而是想让它们变成100%。

- Ronny Sawallisch

---

宽度：$(window).width() - Omidam81

Answer 1

尝试将宽度和高度选项更改为与父窗口的宽度和高度相等：

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

- Ageonix

Answer 2

你也可以用纯CSS来实现这个：

.slider {
 width: 100%!important
}

- Pedram

Answer 3

尝试一下

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

移除 width 属性，使元素与其容器具有相同的宽度

- VinhNT