javascript - 滑动以更改页面 - 不同的域

Question

我已经看过很多关于移动滑动按钮的帖子，但这些帖子总是关于在同一页面或同一域的另一个页面上加载 div。我正在尝试做几乎相同的事情，但针对不同的域。这就是我所拥有的

http://jsfiddle.net/yxzZf/3898/

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

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

Answer 1

$.mobile.changePage()当您想通过 Ajax 加载页面时使用。

要在没有 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";
});

演示

Answer 2

尝试这个：

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

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