javascript - 如何从 CSS 类属性创建变量？

Question

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

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

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

这可能是一件非常简单的事情，我只是做错了。或者也许有更简单的方法来做到这一点？

Answer 1

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

您要么想将字符串 "width" 传递给css ，或调用 jQuery width功能:

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