我正在使用一个使用jQuery插件的html主题。例如:
<div class="slide background-overlay-dark" data-parallax-image="images/parallax/4.jpg">
</div>
我怎样才能修改data-parallax-image =&#34;&#34;来自控制器,没有写指令,因为有很多这样的情况。
答案 0 :(得分:0)
如果您愿意,可以使用普通的javascript执行此操作。相同的实现将是这样的。
在我的案例中为您的div提供ID,例如id="div1"
。
html代码
<div id="div1" class="slide background-overlay-dark" data-parallax-image="images/parallax/4.jpg"></div>
现在在您的控制器中编写一个更新data-parallax-image
属性的javascript函数。
<强>控制器强>
var element = document.getElementById("div1");
function changeImage() {
var imageName = "something-"+Date.now();
element.setAttribute('data-parallax-image', imageName);
}
setInterval(function() {
changeImage();
}, 1000);
changeImage
函数会在不制定指令的情况下修改控制器中的data-parallax-image
。在给定的代码中,我以一秒的间隔运行changeImage()。这个逻辑完全取决于你,你可以相应地写出来。