Question

我一直在阅读线程（特别是这一个：iFrame inside Jquery accordion）并且仍未找到（或不理解）如何获取我隐藏在闭合手风琴部分中的Spotify播放列表以完全加载页面加载。

我已经尝试过许多解决方案，到目前为止，没有任何方法可以解决这个问题（可能是因为我的JS noobness）。我很欣赏任何见解。请具体说明我在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操作。

更新信息：
基本上，我想这样做：

如果部分样式为“＃section1 {display：none;}”，则不执行任何操作。
如果部分样式为“＃section1 {display：block;}”，则触发div #spotify加载。

这应该克服我用隐藏的iframe看到的半载问题（我希望）？我正在看这篇文章：Event detect when css property changed using Jquery，再次，未能实施建议的解决方案。

Answer 1

看起来你已经找到了解决这个问题的方法，但对于其他人我提出了一个相当简单的解决方案。

我试图将我的Google地图api加载到jQuery Accordion中的iframe中。问题是如果您将手风琴加载为关闭，iframe永远不会加载，所以如果您尝试打开手风琴，您将看不到任何内容。

解决方法是首先将手风琴加载为开放或主动（active: '0'），然后在页面加载后立即使用此代码关闭手风琴：

$("#accordion-map").accordion(
  {
    active: 'none'
  }
);

所以会发生什么事情，当你声明你的手风琴是开放的，上面的代码紧接着它;）所以你永远不会看到它开放。

在Chrome和FireFox中为我工作得很好。

在封闭的jquery手风琴部分中加载iFrame

1 个答案: