使用滑动页面JavaScript重播非循环动画gif

时间:2018-07-04 03:49:06

标签: javascript html

我是一个正在创建一个简单的移动网站的初学者。每页上都会添加一个动画gif。当我使用以下javascript滑动回页面时,如何每次都重播非循环动画gif?

非常感谢!

$(document).on('swipeleft', '.ui-page', function(event){    
    if(event.handled !== true) // This will prevent event triggering more then once
    {    
        var nextpage = $.mobile.activePage.next('[data-role="page"]');
        // swipe using id of next page if exists
        if (nextpage.length > 0) {
            $.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true);
        }
        event.handled = true;
    }
    return false;         
});

$(document).on('swiperight', '.ui-page', function(event){     
    if(event.handled !== true) // This will prevent event triggering more then once
    {      
        var prevpage = $(this).prev('[data-role="page"]');
		
        if (prevpage.length > 0) {
            $.mobile.changePage(prevpage, {transition: "slide", reverse: true}, true, true);
        }
        event.handled = true;
    }
    return false;            
}); 

0 个答案:

没有答案