問題タブ [custom-code]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Ajax ページ ローダーが Webflow の他のすべてのカスタム コードを壊す
ラジオ局用に構築している Webflow サイトで奇妙な問題が発生しましたが、解決策がどこにも見つからないので、助けを求めようと思いました。
この ajax ページ ローダー コードを使用して、サイトの閲覧中にラジオ ストリームを連続再生できるようにしています。そのコードは、何かをクリックしたときに他のすべてのカスタムコードを壊すことを除いて機能します。コンソールにエラーはなく、別のコード エディター間でコードを移動しようとしましたが、問題は解決しません。コードが何らかの形で Webflow と衝突するかどうかはわかりませんが、コードは純粋なバニラ JavaScript であるため、この問題は私を怒らせています。
誰かが問題が何であるかを知っている可能性がある場合は、お気軽に解決策を共有してください。本当に感謝します！ajax コードは次のとおりです。
javascript - Webflow の特定のセクションでカスタム コードを有効にする
重要かどうかはわかりませんが、Web 構築ツールとして Webflow を使用し、そこでカスタム コードを使用してタブの自動再生を有効にしています。
すべての要素にクラスがあり、ウェブサイトをゼロから作成するときと同じように Webflow でコードを使用するため、私の質問は一般的な Java スクリプトのトピックに関連している可能性があると確信しています。
次のコードを使用しているため、タブは 15 秒ごとに自動的に切り替わります。
問題は、タブのあるセクションがヘッダー セクションではなく、ウェブサイトの下部にあるセクションであるため、ウェブサイトをセクションまでスクロールすると、自動再生スクリプトはずっと前に既に開始されており、セクションに到達するとすべてのタブのほぼ最後のタブが開かれます。したがって、ポートフォリオは最初の項目からではなく開始されます。
これらのタブがスクロールして表示されたときにのみ、上に投稿したコードが有効になることを確認する追加するコードスニペットはありますか?