Jquery 重定向到具有幻灯片效果的其他页面

Jquery 重定向到具有幻灯片效果的其他页面,jquery,html,jquery-mobile,Jquery,Html,Jquery Mobile,我在jquerymobile中有一个功能,我想在延迟后点击一个图像,重定向到另一个页面。到目前为止,我一直到这里- setTimeout(function(){ window.location.href = "myPage.html"; },1000); 它的工作很好,但我希望页面应该重定向与jQuery移动幻灯片效果。 有人知道吗?像您在示例代码中那样重定向页面将使页面刷新,因此无法实现效果。如果您想实现类似于slidein页面的效果,您可能需要查看iframe中的滑动,该ifram

我在jquerymobile中有一个功能,我想在延迟后点击一个图像,重定向到另一个页面。到目前为止,我一直到这里-

setTimeout(function(){
    window.location.href = "myPage.html";
},1000);
它的工作很好,但我希望页面应该重定向与jQuery移动幻灯片效果。
有人知道吗?

像您在示例代码中那样重定向页面将使页面刷新,因此无法实现效果。如果您想实现类似于slidein页面的效果,您可能需要查看iframe中的滑动,该iframe包含您要重定向到的页面,并可能在效果完成后进行完整的位置刷新。

与其设置window.location.href,不如尝试一下

    $('#maindiv').load('mypage.html', function() {
       alert('Load was performed.');
      //  here slide the content and render the maindiv
    });

无法使用窗口位置重新加载重定向页面。当您尝试更改窗口位置时,它将刷新页面

所以你可以试试

在iframe中加载目标内容

或者,使用ajax方法加载内容

或者,使用以前加载的内容制作滑动效果

为了通过ajax加载,可以使用任何一种方法,如或

例如:

您可以使用。加载方式如下所示:

$('#target_container').load('YOUR_URL', function() {
   // do something
});
$.ajax({
  url: 'YOUR_URL'.
  dataType: 'html',
  success: function(response) {
    $('#target_container').html(response);
  }
});
或者可以使用.ajax,如下所示:

$('#target_container').load('YOUR_URL', function() {
   // do something
});
$.ajax({
  url: 'YOUR_URL'.
  dataType: 'html',
  success: function(response) {
    $('#target_container').html(response);
  }
});

请阅读更多关于上述方法的信息,并使用您喜欢的方法。

伙计们,我得到了答案

我将window.location.href=myPage.html替换为

$.mobile.changePage("myPage.html",{transition:"slide"});
这是将页面重定向到具有幻灯片效果的目标页面!
看看吧

嗯。。。不是真的重定向,但可能尝试?这应该是选定的答案!注意,我必须使用$.mobile.changePageurl,{transition:slide,reverse:true};向左而不是向右滑动。