AMP：安培 - 手風琴不工作

任何人都可以提供amp-accordion的工作示例嗎？當我在標題引用AMP：安培 - 手風琴不工作

<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>

功放頁嘗試從https://www.ampproject.org/docs/reference/extended/amp-accordion.html示例代碼中，我得到了以下兩個（干擾）錯誤信息：

The attribute 'custom-element' in tag 'amp-access extension .js script' is set to the invalid value 'amp-accordion'. (see https://www.ampproject.org/docs/reference/extended/amp-access.html)

最後

The tag 'amp-accordion' is disallowed.

任何想法？

來源

2016-03-08 Markus Baersch

找到如何使用AMP-手風琴這裏一個例子： https://ampbyexample.com/components/amp-accordion/

來源

2016-04-04 09:16:43 kul3r4

According to this page，它似乎是一個實驗部件並且必須manually enabled here並與下面的行的JavaScript控制檯：

AMP.toggleExperiment('amp-accordion')

來源

2016-03-09 23:22:02 Jupe

除了@朱浦的答案，會得到錯誤***標籤'amp-access extension .js script'中的屬性'custom-element'被設置爲無效值'amp-accordion'***當屬性'type'爲任何值除了所需的值：'application/json'。腳本標記的src屬性無效時也會引發錯誤。 – abielita

謝謝，這就是我需要知道的一切......將評論一段時間，並等待該組件發生了什麼;） –

雖然實驗是必要啓用它。請注意，只需toggleExperiment是不夠的，您需要檢查實驗尚未啓用。見下面的例子。

<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script> 
<script>  
    (window.AMP = window.AMP || []).push(function(AMP) { 
     if(!AMP.isExperimentOn('amp-accordion')) 
      AMP.toggleExperiment('amp-accordion'); 
    }); 
</script>

也不要忘記加上樣式吧：

<style amp-custom> 
     section[expanded] span.expanded { 
      display: block; 
     } 
     section[expanded] span.collapsed { 
      display: none; 
     } 
     section:not([expanded]) span.expanded { 
      display: none; 
     } 
     section:not([expanded]) span.collapsed { 
      display: block; 
     } 
    </style>

來源

2016-03-17 07:28:05 harabchuk

AMP：安培 - 手風琴不工作

回答

相關問題