Question

我在JavaScript中有以下代码。我需要将宽度增加到全宽。在CSS中，我可以通过写宽度：100％来完成。我如何用JavaScript编写它？请指导。感谢。

jQuery(document ).ready(function( $ ) {
        jQuery('#example3' ).sliderPro({
            width:1250,
            height:400,
            fade: true,
            arrows: true,
            buttons: false,
            fullScreen: true,
            shuffle: true,
            thumbnailArrows: true,
            autoplay: false
        });
    });

Answer 1

Sinse你应该使用100％的滑块专业版，所以宽度：＆＃39; 100％＆＃39;

这就是它们在页面上所说的内容：

宽度：设置幻灯片的宽度。可以设置为固定值，例如900（表示900像素），或者设置为百分比值，例如＆＃39; 100％＆＃39;。值得注意的是，需要在引号内指定百分比值。对于固定值，引号不是必需的。此外，请注意，为了使滑块响应，不必使用百分比值。默认值：500

Answer 2

CSS width:100%相当于单个属性的jQuery(element).css('width', '100%');或

jQuery(element).css({
    'width': '100%'
});

用于多个属性。

Answer 3

Javascript无法理解开箱即用的px或%等单位。您需要在第3行的代码段中编写width: window.innerWidth。这是“窗口大小”的Javascript。

在JavaScript中将宽度更改为全宽

3 个答案: