将 data-0 属性添加到 div

Question

我要添加这个..

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

..到一个叫 'section-1' 的 div。这是我在文档就绪函数中调用的代码，但它似乎不起作用：

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;
  }
}

这是为了一些视差以防万一有人想知道。

Answer 1

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

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

Answer 2

当您使用 .attr 函数时，您还必须加上 "data" 前缀。

如果您要使用 .data 函数，您可以照原样编写

所以：

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

或

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

问候蒂莫修斯

将 data-0 属性添加到 div

Adding data-0 attribute to div

jquery

html

css

parallax