4

我正在尝试遵循 Google ( ampproject.org ) 建议的 AMP 指南,但是一旦我添加了他们的 js 脚本,jQuery 滚动就会停止工作

有谁知道为什么以及如何解决它?

4

2 回答 2

5

AMP HTML 中禁止使用 script 标签,除非:

  • 类型为application/ld+json
  • 它是加载 AMP 运行时的强制脚本标记
  • 它是加载扩展组件的标签

https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#html-tags

可以在此处找到可用扩展程序的列表,例如 amp-carousel 。

您还可以根据此页面使用自定义元素和 Web 组件。

“AMP 组件的底层可能有 JavaScript,但它与其他 AMP 组件协调,因此它在页面中的组合不会导致性能下降。”

于 2016-02-24T16:24:57.043 回答
0

包含 JQuery 滚动的唯一方法是通过 AMP-IFRAME 标记将其拉入。但这只会让您在 amp-iframe 的上下文中访问它,因此很可能对您没有帮助。你想用 JQuery 滚动来完成什么?AMP 页面旨在简单并快速显示信息。使用 AMP 页面的最佳示例是新闻网站。如果您打开 CHROME 调试器并单击移动视图图标,然后搜索“特朗普”,您将在顶部看到 AMP 页面的轮播。你会注意到它们都是简单的新闻故事。没什么好想的。

您是否有一个我们可以查看的示例来说明您正在尝试做的事情?

于 2016-11-08T19:36:21.107 回答