使用jQuery更改正文数据属性

时间:2015-02-04 07:34:47

标签: jquery skrollr html5-data

我正在使用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))'}">

但这没效果。我已经尝试了在iFrame加载时工作的其他jQuery函数(例如$('#idName').hide())。但.attr()函数似乎不起作用,而我正在考虑使用skrollr进行干扰。我也尝试过.data()函数,但似乎也没有改变数据值。

有人知道在某次触发后我可能会如何改变身体渐变(例如提交表格)?

1 个答案:

答案 0 :(得分:0)

refresh似乎var skroll = skrollr.init(/*...*/); // when needed skroll.refresh(); 应该这样做:

  

在以下情况下有用:...动态操纵数据属性。

{{1}}