Question

我一直在做研究，但我找不到工作的解决方案。我正在一个网站上工作，我在主页上有3张幻灯片的幻灯片旋转木马。链接到同一个activity.html的2张幻灯片只是指向不同的“标签”/“卡片”。主页上的一张幻灯片在activities.html页面上打开活动“标签”/“卡片”，另一张幻灯片使用localStorage打开咨询“标签”/“卡片”。在PC上工作正常，但 问题是：

这不适用于我的iPhone。经过我的研究后，我发现这是私人......无论是什么东西..在safari上的问题。我曾尝试使用store.js，memorystorage.js，Coockies.js和其他一些。他们没有帮助。尝试使用查询字符串和哈希，但问题是这些字符串保留在URL中。我迫切需要为这个恼人的问题找到解决方案。

我使用的逻辑很简单：在幻灯片按钮按下我将项目设置为主js文件上的localStorage。在activities.html中我有一个小脚本，我从localStorage获取项目，然后检查两个项目中的哪一个在localstorage中。如果它的旅行，所以打开旅行'标签'/'卡'如果它的咨询等，你得到的想法... 此脚本位于主js文件中：

return aminos.map((micro, i) => {
   return (
    <Table key={i}>
      <tbody>
         <tr>
          <th scope="row">1</th>
          <th >{micro.name}</th>
         </tr>
         <tr>
            <td>{micro.serum.current}</td>
            <td>{micro.serum.prev}</td>
            <td>{micro.serum.ref}</td>
         </tr>
       </tbody>
     </Table>
   )
}

}（））;

该脚本位于activities.html页面中：

(function() {
const travelSlideBtn = $("a#slide2-btn");
const consultationSlide = $("a#slide3-btn");

function setTravelSlide() {
  localStorage.setItem("travelSlide", "travelSlide");
}
function setConsultationSlide() {
  localStorage.setItem("consultationSlide", "consultationSlide");
}

//Events
travelSlideBtn.on('click', setTravelSlide);
consultationSlide.on('click', setConsultationSlide)

Answer 1

我找到了问题。我看错了。问题不在于localStorage。 GSAP在这里引起了问题：

TweenMax.to(window, 1, {scrollTo:{y:thumbnailOffsetTop, ease: Power4.easeOut, autoKill:false}, onComplete:function(){
        localStorage.removeItem("consultationSlide");
        consultationThumbnail.click();
      }});

当我将autoKill设置为false时，一切都开始起作用了。嘿，浪费了很多时间寻找错误的东西：）

在IOS上的页面之间传递数据

1 个答案: