亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 AMP 頁面中顯示 3 秒后的元素?

如何在 AMP 頁面中顯示 3 秒后的元素?

慕萊塢森 2023-03-03 10:17:03
WhatsApp我嘗試在AMP 頁面3 秒后顯示氣球按鈕,但仍然失敗。我嘗試在inspectelement in中進行調試Chrome,但沒有發現任何錯誤。這是代碼:CSS:<style amp-custom> .hide {    display: none;  }</style>HTML:...<script id="script1" type="text/plain" target="amp-script">  setTimeout(function(){      document.getElementById('wabox').classList.remove('hide');  }, 3000);</script><a id="wabox" rel="nofollow" href="https://api.whatsapp.com/send?phone=XXXXXX&text=Hi%2C%20I%20am%20Interested..." class="wafloat hide" target="_blank">  <i class="fa fa-whatsapp my-float gacontact wafloatx">            <amp-img alt="Contact us"                     width="64"                    height="64"                                        src="img/wa-min.webp">      </amp-img>    </i></a>...任何想法?
查看完整描述

1 回答

?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

你應該從你的腳本聲明中刪除它type="text/plain",因為它只是告訴兄弟它是由文本組成的而不是執行!


這是醒著的:


<script id="script1" type="text/javascript" target="amp-script">

   setTimeout(function(){

      document.getElementById('wabox').classList.remove('hide');

  }, 3000);

</script>

然而,Javascript 通常是導致網站運行緩慢的原因,因此 AMP 頁面不允許使用它們。關于這個問題,你在這里有一個很好的答案:

在 AMP 中包含自定義 JavaScript 的最佳方式

如此處所示,您可以使用<amp-script>標記來使您的自定義腳本正常工作!


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 104 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號