如何将功能引导 JS 转换为 Accelerated Mobile Project (AMP)答案

【问题标题】：How to convert functional bootstrap JS into Accelerated Mobile Project (AMP)如何将功能引导 JS 转换为 Accelerated Mobile Project (AMP)
【发布时间】：2020-02-02 06:04:25
【问题描述】：

最近，我将所有外部 Javascript 转换为 amp 模式。我使用 amp-iframe 访问 javascript 网站并使用 amp-form 提交我的表单。图片标签更改为 amp-img 标签。但是，当用户单击其中一个菜单链接时，当我的移动响应或 jquery 动画中的导航栏折叠汉堡按钮向下滑动时，两者都不起作用。因为我已经删除了我网站中的所有外部 Javascript。这种情况下只允许使用 amp javascript。

如何使汉堡导航栏折叠按钮再次起作用？
如何在用户单击菜单链接时执行动画向下滑动？
任何 AMP 标签或技巧都可以做到这一点？

AMP 文档：https://www.ampproject.org/docs/get_started/create

【问题讨论】：

你的意思是 AMP-Sidebar ampproject.org/docs/reference/components/amp-sidebar 这样的ampbyexample.com/components/amp-sidebar 并且你可以使用汉堡图标代替按钮。

标签： javascript jquery html css amp-html

【解决方案1】：

@Lovntola 提到的侧边栏只是 AMP HTML 支持的 the many components 之一。但是，不要期望 bootstrap 中的每个功能在 AMP HTML 中都有类似的功能。

Accelerated Mobile Pages 与任何其他 HTML 页面一样，但具有一组有限的允许的技术功能，已定义和受开源 AMP 规范管理。就像所有网页一样， Accelerated Mobile Pages 将在任何现代浏览器或应用程序中加载网页视图。

如果您不查找的功能不在组件列表中，则可能尚不支持。你可能想contribute to AMP HTML。

【讨论】：