Question

我在jquery-mobile中有一个功能，我希望在延迟后点击图像时重定向到另一个页面。到目前为止，我到达了这里 -

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

它的工作正常，但我希望页面应该重定向jQuery mobile的幻灯片效果。任何人都有任何想法吗？

Answer 1

我得到了答案...... !!

我用

替换了window.location.href =“myPage.html”

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

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

Answer 2

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

所以你可以试试像

这样的东西

在iframe
或使用ajax方法加载内容
或者，使用之前加载的内容制作滑动效果

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

例如：

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

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

OR可以使用.ajax()，如下所示：

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

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

Answer 3

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

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

Answer 4

像您在示例代码中那样重定向页面将使页面刷新，因此无法实现效果。如果你想实现像slidein页面这样的东西，你可能想看看在iframe中滑动你想要重定向的页面（并且可能在效果完成后进行完整的位置刷新）。

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

4 个答案: