Javascript 向DOM元素添加自定义数据属性

我想用jQuery向DOM元素添加

data

属性，但仅当

$（窗口）.width

大于800px时。所以现在我有了这个代码，但它不起作用

注意：Chrome开发者工具不会在代码中报告任何问题

代码：

<div id="wallpaper"></div>
<div id="wallpaper-right"></div>
<div class="container"></div>

添加

数据

属性后的HTML所需结果：

<div id="wallpaper" data-stellar-ratio="0.1"></div>
<div id="wallpaper-right" data-stellar-ratio="0.1"></div>
<div class="container" data-stellar-ratio="1"></div>

---

要设置

数据

属性的值，应将其作为

.data（）

方法中的第二个参数传递：

wallpapers.data("stellar-ratio", 0.1);
container.data("stellar-ratio", 1);

您在这里编写的内容是比较

数据恒星比率

和0.1或1之间的值和类型

---

以下是

.data（）

要将值设置为

data

属性，应将其作为

.data（）

方法中的第二个参数传递：

wallpapers.data("stellar-ratio", 0.1);
container.data("stellar-ratio", 1);

您在这里编写的内容是比较

数据恒星比率

和0.1或1之间的值和类型

---

下面是

.data（）

要设置数据值，需要将其作为方法的第二个参数传递

var width = $(window).width(),
    wallpapers = $("#wallpaper, #wallpaper-right"),
    container = $(".container");

if ( width > 800) {
    wallpapers.data("stellar-ratio",0.1);
    container.data("stellar-ratio",1);
}

---

要设置数据值，需要将其作为方法的第二个参数传递

var width = $(window).width(),
    wallpapers = $("#wallpaper, #wallpaper-right"),
    container = $(".container");

if ( width > 800) {
    wallpapers.data("stellar-ratio",0.1);
    container.data("stellar-ratio",1);
}

你也可以试试这个

   if ( width > 800) {
        wallpapers.attr({"data-stellar-ratio":"0.1"});
        container.attr({"data-stellar-ratio":"1"});
    }

你也可以试试这个

   if ( width > 800) {
        wallpapers.attr({"data-stellar-ratio":"0.1"});
        container.attr({"data-stellar-ratio":"1"});
    }

---

欢迎@BlazKranjcev欢迎@BlazKranjcev