0

我在 jquery-mobile 中有一个功能，我想在延迟后单击图像重定向到另一个页面。到目前为止，我已经到达这里-

setTimeout(function(){
    window.location.href = "myPage.html";
},1000);

它工作正常，但我希望页面应该使用 jQuery 移动的幻灯片效果重定向。有人知道吗？

4

4 回答 4

5

我得到了答案伙计们..!!

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

$.mobile.changePage("myPage.html",{transition:"slide"});

这是将页面重定向到具有幻灯片效果的目标页面！在这里查看

于 2012-06-13T15:00:41.350 回答
2

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

所以你可以尝试类似的东西

  • 在iframe

  • 或者，使用 ajax 方法加载内容

  • 或者，使用您之前加载的内容制作滑动效果

为了通过 ajax 加载，可以使用任何一种方法，例如.load()或.ajax()

例如：

您可以使用.load()如下：

$('#target_container').load('YOUR_URL', function() {
   // do something
});

或者可以使用.ajax()如下：

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

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

于 2012-06-13T14:33:52.967 回答
1

而不是设置 window.location.href ，你为什么不试试这个，

    $('#maindiv').load('mypage.html', function() {
       alert('Load was performed.');
      //  here slide the content and render the maindiv
    });
于 2012-06-13T14:33:17.390 回答
0

像您在示例代码中所做的那样重定向页面将使页面刷新，因此无法产生效果。如果你想实现类似幻灯片页面的东西，你可能想看看在一个 iframe 中滑动，该 iframe 包含你想要重定向到的页面（并且可能在效果完成后进行完整的位置刷新）。

于 2012-06-13T14:29:56.580 回答