使用动画时Jquery后退按钮不起作用

Jquery back button not working when animation is used

本文关键字：按钮 不起作用 Jquery 动画      更新时间：2023-09-26

我试过把背景图像放在我的页面上，也试过使用css类，但它不起作用。它的唯一工作方式是通过样式标签。但当我使用它与动画返回是不起作用的。这是我的代码片段。

<div data-role="page" id="three" style="background:url('background1.jpg') repeat-x; -webkit-animation: animateBackground 15s infinite;">
        <div  id="1"><img  src="cake.png" alt="where is my cake?" /></div>
        <div  id="2"><img  src="cake.png" alt="where is my cake?" /></div>
        <div  id="3"><img  src="cake.png" alt="where is my cake?" /></div>
       <button id="startShuffle">click</button>  
</div>

CSS：

@-webkit-keyframes animateBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

请告诉我这样做的方法或任何其他改变jquery页面背景图像的方法。

我做了一把小提琴，对我有用。

https://jsfiddle.net/43ny6zna/

我将上面的代码从之前的答案更改为：

 parent.history.back();  --> window.history.back();

背景显示为动画，后退按钮工作。

也许背景不起作用是因为实际的图像位置不匹配。也许它位于与html文件不同的文件夹中。

所以我用一个链接替换了它，代码运行良好，可以加载后台。

最后，

您是否已将jQuery库加载到页面中？将这个：<script src=code.jquery.com/jquery-1.11.2.js></script>添加到HTML文件中。

相关文章：