Jquery 将数据-0属性添加到div

我想补充一点

data-0="background-position:0px 0px;" data-500="background-position:0px -250px;"

..发送到一个名为“section-1”的div。这是在我的document ready函数中调用的代码，但它似乎不起作用：

if($(window).width() > 767){
  $('#section-1').attr('0', 'background-position:0px 0px;');
  $('#section-1').attr('500', 'background-position:0px -250px;');
}

我的css看起来像这样

#section-1{
  background-image:url(test.jpg); width:100%; height:500px;
}
@media only screen and (min-width: 767px){
  #section-1{
    background-image:url(test.jpg); background-size:100%; height:500px;
  }
}

这是为了一些视差，以防有人怀疑。

您的属性称为data-0，因此请给出完整的属性名称

$('#section-1').attr('data-0', 'background-position:0px 0px;');

您的属性名为data-0，因此请提供完整的属性名称

$('#section-1').attr('data-0', 'background-position:0px 0px;');

当您使用该函数时，还必须添加数据前缀

如果你想使用这个函数，你可以像以前那样编写它

因此：

或

问候timotheus

当您使用该功能时，还必须添加数据前缀

如果你想使用这个函数，你可以像以前那样编写它

因此：

或

---

你好，提摩太

你的第二个选择不正确。它不会将数据存储为属性，只会从属性中读取数据。数据将存储在后台的浏览器查找字典中。它似乎对我和其他人都有效？你在引用不相关的答案。data不会更改HTML中的属性data-value。您应该在处停止，感谢提供此信息：P只需删除不正确的第二个选项，并删除对.data的所有引用，以使其成为正确答案。认为自己是幸运的，从无知的群众那里得到2的选票。你的第二个选择是错误的。它不会将数据存储为属性，只会从属性中读取数据。数据将存储在后台的浏览器查找字典中。它似乎对我和其他人都有效？你在引用不相关的答案。data不会更改HTML中的属性data-value。您应该在处停止，感谢提供此信息：P只需删除不正确的第二个选项，并删除对.data的所有引用，以使其成为正确答案。要知道自己是幸运的，从无知的群众那里得到2张选票。要知道，你应该使用Wo.Wo.MediCedia而不是Wield.Wrand来完全适应CSS媒体查询：要知道，你应该使用Wo.Wo.MediCedia而不是Wiel.Wrand来完全适合CSS媒体查询：我看这是有效的，但是只有当我使用Fixbug时，当我试着去看源的时候，它不会产生视差？知道为什么吗？@Sultenhest:使用Chrome F12 DOM inspector之类的工具，因为在页面上运行任何代码之前，查看源代码往往会显示原始服务器HTML文件：我看到这是可行的，但只有在使用Firebug时，而不是在尝试查看源代码时，而且它不会产生视差？知道原因吗？@Sultenhest:使用Chrome F12 DOM inspector之类的工具，因为在页面上运行任何代码之前，视图源往往会显示原始服务器HTML文件：

$('#section-1').data('0', 'background-position:0px 0px;');