Question

jQuery(function() {
    jQuery('#allinone_contentSlider_common').allinone_contentSlider({
        skin: 'common',
        width:1000,
        height: 1000,
        autoHideBottomNav:false,
        showPreviewThumbs:false,
        autoHideNavArrows:false,
        thumbsWrapperMarginBottom:-50
    });     
});

我正在使用此代码作为我的完整页面滑块我想用徽标和mwnues旋转我的整个页面，在此代码中我有固定的高度和宽度我不想让它修复我想100％。< / p>

在这段代码中，我想设置页面100的宽度，这里高度和宽度都是固定的，所以请给我任何建议我该如何解决这个问题

Answer 1

使用CSS设置宽度。现在你可以像这样使用jQuery来改变css。

$("#id_of_your_element").css("width", "20%");

Answer 2

您可以使用以下方式设置百分比宽度和高度：

$(elem).width('100%');
$(elem).height('100%');

请注意，这将是其包含父级的100％高度和宽度，而不一定是页面的100％高度和宽度。如果您的#allinone_contentSlider_common元素的父级只有100px的高度和宽度，则100％将反映这些值。

根据此allinone_contentSlider()插件方法的工作原理，您应该只需使用：

jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    width: '100%',
    height: '100%',
    ...
});

Answer 3

首先，您需要检查您使用的allinone_contentSlider是否接受除width选项之外的任何整数。

如果确实如此 - 正确的选项将是width: '1000%' - 请注意现在它是一个字符串，而不是一个整数。

Answer 4

尝试

jQuery(function() {
var main_height = jQuery(window).height();
var main_width = jQuery(window).width();
jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    skin: 'common',
    width: (main_width/100)*(your_width_in_%),
    height: (main_height/100)*(your_height_in_%),
    autoHideBottomNav:false,
    showPreviewThumbs:false,
    autoHideNavArrows:false,
    thumbsWrapperMarginBottom:-50
});     
});

Answer 5

在这种情况下，只需将其设置为$（window）.width（）和$（window）.height（）的宽度和高度。但是，您需要确保在调整窗口大小时更新这些值。正如我的回答中所提到的，百分比值是包含它们的元素的百分比。例如：如果div为100px宽，200px高，并且跨度设置为100％高度和宽度，则跨度将为100px宽和200px高。 - 詹姆斯唐纳利5月30日9:11

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

5 个答案: