添加属性Jquery数据类型字符串+；变量

我有一个名为

vp_height

的变量，我想把它作为数据变量，如果这样做，它会提示一个错误

var vp_height = viewportSize.getHeight();

//Sample Data
$(".carol").attr({
    "data-" + vp_height : "width:50%;"
});

这是错误

前端应该是这样的。（视觉演示）

有什么解决办法吗？

您可以使用：

$(".carol").attr("data-" + vp_height, "width:50%;");

$(".carol").attr("data-" + vp_height, "width:50%;");

您可以使用：

$(".carol").attr("data-" + vp_height, "width:50%;");

$(".carol").attr("data-" + vp_height, "width:50%;");

您可以使用接受键和值的.attr（）格式，而不是接受对象的格式

$(".carol").attr("data-" + vp_height, "width:50%;");

---

如果要创建具有可变关键点的对象，则

var obj = {};
obj["data-" + vp_height] = "width:50%;";
$(".carol").attr(obj);

可以使用接受键和值的.attr（）格式，而不是接受对象的格式

$(".carol").attr("data-" + vp_height, "width:50%;");

---

如果要创建具有可变关键点的对象，则

var obj = {};
obj["data-" + vp_height] = "width:50%;";
$(".carol").attr(obj);

使用

.data（）

方法设置数据属性：

$(".carol").data(vp_height, "width:50%;");

使用

.data（）

方法设置数据属性：

$(".carol").data(vp_height, "width:50%;");

试试这个

试试这个