Кнопка Jquery back не работает, когда используется анимация

Question

Я пробовал помещать фоновое изображение на свою страницу, и я пробовал использовать класс 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 страницы.

Answer 1

Я сделал скрипку, работает для меня.

https://jsfiddle.net/43ny6zna/

Я изменил код выше моего предыдущего ответа на:

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

фона появляется анимировать и задняя кнопка работает.

Возможно, фон не работал, потому что фактическое местоположение изображения не совпадает. Возможно, это в другой папке, чем в html-файле.

Так что я заменил его ссылкой, и код работал нормально для загрузки фона.

Наконец,

У вас есть библиотека Jquery загружается в страницу? добавьте это: <script src=code.jquery.com/jquery-1.11.2.js></script> в свой HTML-файл.