jquery - 将 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;');