Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑动以更改页面-不同的域_Javascript_Jquery_Jquery Mobile - Fatal编程技术网

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

Javascript 滑动以更改页面-不同的域,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我已经看到很多关于移动幻灯片按钮的帖子,但这些帖子总是关于在同一页面或同一域的另一页面上加载div。我正在尝试做几乎相同的事情,但在不同的领域。这就是我所拥有的 如您所见,当您滑动按钮时,它不会加载另一个域,它只会显示“我正在尝试,我正在尝试”图标,而不会发生其他任何事情。我根本不怎么使用jquery,也找不到能够加载不同域的$.mobile.changePage的替代方案。 有人知道可以解决这个问题的方法吗?试试这个: $(document).on("swipeleft","#listite

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

如您所见,当您滑动按钮时,它不会加载另一个域,它只会显示“我正在尝试,我正在尝试”图标,而不会发生其他任何事情。我根本不怎么使用jquery,也找不到能够加载不同域的$.mobile.changePage的替代方案。 有人知道可以解决这个问题的方法吗?

试试这个:

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

$(document).on("swiperight","#listitem",function(){
  $.mobile.changePage("http://www.google.com");
});
当您希望通过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";
});


这似乎也不起作用
/
这就是我在sourcePerfect中使用它的方式,正是我所需要的!
$("#listitem").on("swiperight", function () {
  window.location.href = "http://www.google.com";
});

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