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功能时，您必须输入＆＃34;数据＆＃34;前缀也是。

如果您使用.data功能，可以按照

编写

这样：

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

或

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

问候timotheus

将data-0属性添加到div

2 个答案: