使用css更改javascript变量的宽度值

时间:2012-09-26 09:46:16

标签: javascript css variables width responsive-design

我的javascript中有以下代码:

var demoSlider_3 = Sliderman.slider({container: 'SliderName_3', 
                                     width: 167, 
                                     height: 250, 
                                     effects: effectsDemo3, 
                                     display: { autoplay: 4000 }
                                    });

我要做的是在CSS文件中设置宽度和高度(我试图让它响应)。

目前我还没有找到解决方案......
如果有人有线索,我将非常感谢你的帮助!

谢谢

2 个答案:

答案 0 :(得分:1)

您可以通过CSS设置初始宽度高度,并通过JavaScript从元素中读取它,该元素应该成为滑块。如果使用内联样式,CSS类或任何样式来设置元素,则无关紧要。您只需要读取计算值并在滑块初始化中使用它们。

答案 1 :(得分:0)

如果我想制作一些东西,我使用JavaScript添加回到特定元素尺寸的页面,我通常会使用width ='100%'height ='100%',然后使用css定制我的包裹元素,以便它有一个明确的宽度和高度。

示例(为简单起见使用jQuery):

的CSS:

.wrapper { width: 300px; height: 300px; }

JS:

$(function(){
  var myElementToEmbed = $('<div />').css({width:'100%',height:'100%'});
  var targetWrapper = $('.wrapper');
  targetWrapper.append( myElementToEmbed );
});

DOM:

<div class="wrapper"></div>

这样,JavaScript处理功能性工作(应该如此),CSS处理显示(应该如此)的样式。