请原谅我,如果存在另一个类似的线程-我找不到该特定问题的答案。
我很快将开发一个加载了香草JS AJAX的网站的前端,该网站具有类似于SPA的行为,类似于此页面中的home滑块:-http://clapat.ro/themes/grenada-wordpress
[我可能会使用的方法是从目标子模板加载容器的innerHTML,然后将状态推向历史-我相信这是非常标准的方法。
现在,包含图像背景的幻灯片非常明显-它所需要做的只是将同一图像放置在目标子页面英雄部分,然后在加载时进行动画处理。问题可能出在视频幻灯片上-如何使它们在重新加载期间和之后继续无缝播放?一旦目标页面加载并放置在视图中,这种方法是否会迫使它们从头开始?
我还没有尝试过,我想提前问一下,以免使自己陷入错误的方法之中:)
谢谢你,彼得
第100次研究参考模板,我想自己想出了一种解决方案:
如果主页和目标页面都具有类似的结构:
<body>
<main-container>
<slider-or-hero-container>
...
</slider...>
<content-container>
...
</content...>
</main-container>
</body>
然后,也许我可以替换普通链接上的整个“主容器”,但是仅单击滑块内的链接来替换“内容容器”?滑块部分基本上只会停留,脚本会简单地修改其外观(禁用箭头和幻灯片更改,执行过渡动画等)...
[如果您在此时有任何建议,我将不胜感激:)否则,我将在完成编码后发布更新-如果可行,将来可能对某人有所帮助:)] >