Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery移动设备返回并进行转换?_Javascript_Jquery_Jquery Mobile_Backbone.js - Fatal编程技术网

Javascript jquery移动设备返回并进行转换?

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

我正在使用backbone.js和jquery mobile构建一个web应用程序。 我想给所有的类名“后退”按钮添加一个反向滑动效果

代码如下所示

$('.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