Question

1，你能在css中创建自定义属性吗？

例如：

HTML 的

<div id="defaultOpenTile"></div>

CSS

#defaultOpenTile {
    -myCustomProperty: 'helloWorld';
}

2，使用jQuery是否可以获得值？

到目前为止，我已经尝试过没有成功：

var test = $('#defaultOpenTile').css('-myCustomProperty');
alert(test);

我在这里创造了一个小提琴：http://jsfiddle.net/x3cuT/

我想要这个的原因是因为我有一个网站需要转换为响应式设计，我目前在Javascript中有一些硬编码的变量。

例如：

var animationDuration = 600;
var animationEasing = 'easeOutQuint';
var tileMargin = 40;
var tileTitleContainerClosedWidth = 320;
var triangleSize = 20;
var triangleAnimationDuration = 600;
var triangleAnimationEasing = 'swing';
var detailsClosedWidth = 300;

我想做的是将这些放入样式表中，以便我可以使用媒体查询根据视口设置它们。（我希望这是有道理的）

谢谢！

Answer 1

如果您只想在元素中存储自定义数据，则应使用jQuery的.data（）代替：

http://api.jquery.com/jquery.data/

是否可以创建自定义css属性，然后使用jQuery获取值？

1 个答案: