2

私はスレッドを読んでいます (具体的にはこれ: iFrame inside Jquery accordion ) が、閉じたアコーディオン セクションに隠した Spotify プレイリストをページの読み込み時に完全に読み込む方法をまだ見つけていません (または理解していません)。

私が試した多くの解決策が提供されてきましたが、これまでのところ、何もうまくいきませんでした (おそらく私の JS 初心者のため)。洞察をいただければ幸いです。私はJavascriptが非常に新しいので、どこに何を置くべきかについて具体的に教えてください。

JS:

<script>
     $(function() {
     $( "#accordion" ).accordion({
                collapsible: true,
            autoHeight: false,
            alwaysOpen: false,
            active: true
                });
            });
 </script>

関連する HTML:

<h3 id="bubble">The Bubble Creatures</h3>
<section id="bubble">
    <div id="bubble-story"><p>Blah blah</p></div>
    <iframe id="spotify" src="https://embed.spotify.com/?uri=spotify:user:seedpodpub:playlist:4MsCt5Fkg5G99Tb5VFqzQ4" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
</section>

ありがとうございました！o.

詳細情報で更新：
基本的に、私はこれをしたい：

  1. セクション スタイルが「#section1 {display:none;}」の場合は、何もしません。
  2. セクション スタイルが「#section1 {display:block;}」の場合は、div #spotify をトリガーしてロードします。

これは、非表示の iframe で見られる半分の読み込みの問題を克服するはずです (願っています)。私はこの投稿を見ています: Event detect when css property changed using Jquery、再び、提案されたソリューションの実装に失敗しました。

4

1 に答える 1