使用jQuery更改正文数据属性

s3fp2yjn  于 2023-03-07  发布在  jQuery
关注(0)|答案(1)|浏览(137)

我正在使用skrollr,想让我的页面的整个主体改变颜色/渐变。我可以用我现在的代码来实现这一点:

<body data-start="background-image:linear-gradient(rgb(4,21,41), rgb(31,16,66));" data-end="background-image:linear-gradient(rgb(31,16,66), rgb(66,16,52));">

但是,在加载iFrame时(由表单提交触发),我想更改主体的渐变。我想更改data-start值可能会有效果,所以我尝试:

<iframe onload="if(submitted)
{$('body').attr('data-start','background-image:linear-gradient(rgb(4,21,41), rgb(31,16,66))'}">

但这并不起作用。我试过其他jQuery函数,当iFrame加载时,它们确实起作用(例如$('#idName').hide())。但.attr()函数似乎不起作用,我认为是skrollr的某些东西起了干扰作用。我也试过.data()函数,但似乎也没有改变数据值。
有人知道在某个触发器(例如,提交表单)后如何更改身体梯度吗?

sqxo8psd

sqxo8psd1#

从文档中可以看出,refresh应该执行以下操作:
适用于:...数据属性是动态操作的。

var skroll = skrollr.init(/*...*/);

// when needed
skroll.refresh();

相关问题