Javascript jquery移动设备返回并进行转换?
我正在使用backbone.js和jquery mobile构建一个web应用程序。 我想给所有的类名“后退”按钮添加一个反向滑动效果 代码如下所示Javascript jquery移动设备返回并进行转换?,javascript,jquery,jquery-mobile,backbone.js,Javascript,Jquery,Jquery Mobile,Backbone.js,我正在使用backbone.js和jquery mobile构建一个web应用程序。 我想给所有的类名“后退”按钮添加一个反向滑动效果 代码如下所示 $('.ico_back').live('click', function(event) { $.mobile.back(); return false; }); 有人知道如何在$.mobile.back()函数中添加反向效果吗 (这是一个单页应用程序,所以我不能用传统的JQM方法来实现这一点:比如添加一个简单的data transition
$('.ico_back').live('click', function(event) {
$.mobile.back();
return false;
});
有人知道如何在$.mobile.back()函数中添加反向效果吗
(这是一个单页应用程序,所以我不能用传统的JQM方法来实现这一点:比如添加一个简单的data transition=“slide”
)使用下面的代码动态更改到上一页
编辑:根据回购协议中提供的代码,对以下代码块进行以下更改
if (this.firstPage) {
transition = 'slide';
this.firstPage = false;
}
$.mobile.changePage($(page.el), {changeHash:false, transition: transition, reverse:true });
使用下面的代码动态更改到上一页
编辑:根据回购协议中提供的代码,对以下代码块进行以下更改
if (this.firstPage) {
transition = 'slide';
this.firstPage = false;
}
$.mobile.changePage($(page.el), {changeHash:false, transition: transition, reverse:true });
在类为.ico\u back
的每个元素中,它添加数据rel
和数据转换
属性。这样,您就不必查找上一页,也不必在代码中添加额外的逻辑。jQM为您管理后台转换
$(document)
.on("pageinit", "#page-id", function () {
$('.ico_back')
.each(function (index) {
$(this)
.attr("data-rel", "back");
$(this)
.attr("data-transition", "slide");
});
});
我希望这会有所帮助。在类为.ico\u back
的每个元素中,它添加了数据rel
和数据转换
属性。这样,您就不必查找上一页,也不必在代码中添加额外的逻辑。jQM为您管理后台转换
$(document)
.on("pageinit", "#page-id", function () {
$('.ico_back')
.each(function (index) {
$(this)
.attr("data-rel", "back");
$(this)
.attr("data-transition", "slide");
});
});
我希望这能有所帮助。在托利斯·艾曼努利迪斯的回答中,你可以用a
将你的ico\u类包装回去
$(document).on("pageinit", "#page-id", function () {
$('.ico_back').wrap($('<a/>', { "data-rel":"back", "data-transition" : "slide" }));
});
$(document).on(“pageinit”,“page id”,函数(){
$('.ico_back').wrap($('',{“数据相关”:“back”,“数据转换”:“slide”}));
});
注意:
当且仅当ico\u back
不是锚定标签时,这将适用。在托利斯·艾曼努伊利迪斯的答案行上,您可以用a
包装您的ico\u back
类
$(document).on("pageinit", "#page-id", function () {
$('.ico_back').wrap($('<a/>', { "data-rel":"back", "data-transition" : "slide" }));
});
$(document).on(“pageinit”,“page id”,函数(){
$('.ico_back').wrap($('',{“数据相关”:“back”,“数据转换”:“slide”}));
});
注意:
当且仅当ico\u back
不是锚定标记时,此选项才适用。您甚至可以在a
标记中使用history.back()
按钮单击时使用history.back()
设置.ico back
元素,并向其添加数据rel=back
属性。您也可以使用data transition=“slide”
attribute向其添加转换。我使用backbone.js在不同URL之间更改视图,设置$.mobile.ajaxEnabled=false;$。mobile.linkBindingEnabled=false;因此,我只能使用JQM函数进行页面更改,还可以将.live
替换为。在('click','.ico back',function
上,在标记中设置.ico back
元素,并向其添加data rel=back
属性。您还可以使用data transition=“slide”向其添加转换
attribute我使用backbone.js在不同URL之间更改视图,我设置了$.mobile.ajaxEnabled=false;$.mobile.linkBindingEnabled=false;因此我只能使用JQM函数进行页面更改,还可以将.live
替换为('click','.ico back',function
thx要获得帮助,此项目中没有多页,因此上面的代码会导致一些错误,我正在使用此github repo中的代码,您可以检查它的类型错误:b.data(…)未定义在该代码中替换transition='none';
为transition='slide';
并添加reverse:true
thx要获得帮助,此项目中没有多页,因此上面的代码会导致一些错误,我正在使用此github repo中的代码,您可以检查它的类型错误:b.data(…)未定义在该代码中,用transition='none';
替换为transition='slide';
并添加reverse:true