Jquery 过渡叠加事件
在尝试为移动页面制作幻灯片时,我遇到了过渡和过渡方面的问题Jquery 过渡叠加事件,jquery,webkit,css-transitions,Jquery,Webkit,Css Transitions,在尝试为移动页面制作幻灯片时,我遇到了过渡和过渡方面的问题 $(document).on('click', '#map_view', function () { var lpw = $('.list-page-wrap'), mpw = $('#map_view_page'), smb = $('.slide-me-back'); lpw.css("-webkit-transform", "translate3d(100%, 0, 0)"); lpw.one("trans
$(document).on('click', '#map_view', function () {
var lpw = $('.list-page-wrap'), mpw = $('#map_view_page'), smb = $('.slide-me-back');
lpw.css("-webkit-transform", "translate3d(100%, 0, 0)");
lpw.one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function () { mpw.css("-webkit-transform", "translate3d(0, 0, 0)"); console.log ("ERROR!!!!"); });
});
$(document).on('click', '#list_view', function () {
var lpw = $('.list-page-wrap'), mpw = $('#map_view_page');
mpw.css("-webkit-transform", "translate3d(100%, 0, 0)");
mpw.one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function () { lpw.css("-webkit-transform", "translate3d(0, 0, 0)"); });
});
在上面的代码中
lpw.one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function () { mpw.css("-webkit-transform", "translate3d(0, 0, 0)"); console.log ("ERROR!!!!"); });
单击较低的行时,会触发行两次
是否有解决此问题或已知问题的方法?我在这里的另一个线程中找到了解决方案,但我错过了:
$(this).off('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd');
感谢您的帮助,不过A使用HTML编写这段代码会非常有帮助。谢谢。我正在尝试将其添加到atm,但我真的不知道如何将其添加为移动页面,因为我已经为移动**编辑!**JSFIDLE似乎根本不支持转换,您还有其他页面可供我上传吗?嗯。。。你确定?对我来说很好