Question

我已经在移动幻灯片按钮上看过很多帖子，但这些帖子总是关于在同一个网页上加载div或在同一个域上加载另一个页面。我试图做几乎相同的事情，但到另一个领域。这就是我所拥有的

$("#listitem").swiperight(function() {
    $.mobile.changePage("http://www.google.com");
});$("#listitem").swipeleft(function() {
    $.mobile.changePage("http://www.google.com");
});

正如你所看到的，当你滑动按钮它没有加载另一个域时，它只是坐在那里，“我正在尝试最小化，我正在尝试”图标，没有其他任何事情发生。我根本不使用jquery，并且找不到将加载不同域的$ .mobile.changePage的替代方法。有人知道可以解决这个问题吗？

Answer 1

如果要通过Ajax加载页面，请使用$.mobile.changePage()。

要移至新域或加载没有Ajax的网页，请使用window.location.href。

$("#listitem").on("swiperight", function () {
  window.location.href = "http://www.google.com";
});

$("#listitem").on("swipeleft", function () {
  window.location.href = "http://www.yahoo.com";
});

<强> Demo

Answer 2

试试这个：

$(document).on("swipeleft","#listitem",function(){
  $.mobile.changePage("http://www.google.com");
});

$(document).on("swiperight","#listitem",function(){
  $.mobile.changePage("http://www.google.com");
});

滑动即可更改页面 - 不同的域名

2 个答案: