Javascript 如何更改每张幻灯片';s数据属性,而不将每张幻灯片设置为一个背景?
我正在为我的幻灯片添加特定的Javascript 如何更改每张幻灯片';s数据属性,而不将每张幻灯片设置为一个背景?,javascript,jquery,html,Javascript,Jquery,Html,我正在为我的幻灯片添加特定的数据-属性,以便为每张幻灯片添加自定义背景。我要做的是添加自定义数据属性,然后使用jQuery将值分配给变量。之后,我将变量传递给.css(),并将其分配给后台属性 var elementSection=$(“.cycle slideshow section”), sectionBackground=elementSection.attr(“数据循环幻灯片背景”); $(elementSection).css({background:sectionBackgroun
数据-
属性,以便为每张幻灯片添加自定义背景。我要做的是添加自定义数据属性,然后使用jQuery将值分配给变量。之后,我将变量传递给.css()
,并将其分配给后台
属性
var elementSection=$(“.cycle slideshow section”),
sectionBackground=elementSection.attr(“数据循环幻灯片背景”);
$(elementSection).css({background:sectionBackground})代码>
您可以利用css()
方法提供的匿名函数;其中“$(此)指当前幻灯片):
您应该在每张幻灯片上循环:
elementSection.each(function() {
$(this).css('background', $(this).data('cycle-slide-background'));
});
重要事项:确保您没有代码>在数据属性的末尾,它将使规则无效,并且不会应用该规则
演示:谢谢。我试过了,但它所做的只是设置第一张幻灯片的背景,剩下的空白;或者您忘记设置数据
属性。你能用演示重现这种行为吗?谢谢。这也会设置第一张幻灯片的背景,但另一张幻灯片则为空白。请查看我发布的演示。还要确保您没有代码>在数据属性的末尾。非常感谢。正是分号使它不起作用。我不知道加入他们会破坏它。
elementSection.each(function() {
$(this).css('background', $(this).data('cycle-slide-background'));
});