Question

我有两个彼此密切相关的域名。因此，我在页面的右上角放置一个固定的框，以便用户可以在两个站点之间快速跳转。但是，我想向此操作添加页面转换，以便当用户单击框中的链接时，该站点将正常转换到新URL。

我知道您可以通过JQuery Mobile（http://demos.jquerymobile.com/1.1.0/docs/pages/page-transitions.html）对内部页面执行此操作，但是限制是链接必须是ajax，并且无法激活到新URL。

有谁知道如何做到这一点？理想情况下，我想使用“流程”或“幻灯片”过渡。但是，我会提供您可以提供的任何示例或参考，并根据我的需要进行调整。

解决方案不一定需要是jQuery，它可以是javascript，HTML 5，CSS或任何其他可能有效的解决方案。

谢谢，〜安德鲁

Answer 1

对我而言，它的工作原理如下：

伪HTML：

<body>
   <div id="page1"> <!-- Content goes here --> </div>
</body>

Pseudo JQuery：

on AJAX complete {
   var newID
   var oldID
   if ($('#page1').length) { // Work out old and new ID's
      newID = 'page2'
      oldID = 'page1'
   } else {
      newID = 'page1'
      oldID = 'page2'
   }
   $('body').append('<div id="' + newID +'" style="display:none;">' + DataFromAjaxCall + '</div>') // Append the body with a hidden div containing new content
   $('#' + oldID).fadeOut(400, function() { // Fade the old one out and then remove it
      $(this).remove();
   });
   $('#' + newID).fadeIn(400); // Fade the new one in
}

页面过渡效果到外部URL

1 个答案: