如何从CSS类属性创建变量?

时间:2014-01-14 15:50:23

标签: javascript jquery css

我正在尝试创建一个由CSS类的单个属性定义的变量。这就是我现在所拥有的,但不起作用。

var dist = $('.nav').css(width());

我要做的是:我的脚本在点击时滑动.nav类。问题是,我正在使用@media查询来改变.nav的宽度,这是我需要滑动的相同值。我在这里要做的是通过.nav的width属性定义变量“dist” - 然后我可以输入“dist”作为函数中的滑动距离。

这可能是一件非常简单的事情,我只是做得非常糟糕。或者也许有一种更简单的方法可以做到这一点?

1 个答案:

答案 0 :(得分:2)

您正在调用width,就好像它是一个函数,然后(如果有效)将其返回值传递给css。但除非你的页面定义了一个,否则没有独立的width()函数(jQuery实例上有 一个)。

您要么将字符串 "width"传递到css,要么调用jQuery width函数:

var dist = $('.nav').css("width");
// or
var dist = $('.nav').width();