起動時のみiFrameを起動する

Question

ブートストラップ3のアコーディオン内にiframeを置いてアイテムを開くときにのみロードしようとしています。すべてのiframeは、ページが読み込まれると同時に読み込まれ、ページが長時間読み込まれます。どのようにアコーデオンアイテムが開かれるまで、iframeロードを停止するのですか？ここで

は私の崩壊のコードは次のとおりです。

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
<div class="panel panel-default"> 
    <div class="panel-heading" role="tab" id="heading1"> 
     <h4 class="panel-title"> 
      <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> 
       Title 1 goes here 
      </a> 
     </h4> 
    </div> 
    <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1"> 
     <ul class="list-group"> 
      <li class="list-group-item"> <iframe src="http://www.google.com"></iframe> </li> 
     </ul> 
    </div> 
</div> 
<div class="panel panel-default"> 
    <div class="panel-heading" role="tab" id="heading2"> 
     <h4 class="panel-title"> 
      <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapse2"> 
       Title 2 goes here 
      </a> 
     </h4> 
    </div> 
    <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2"> 
     <ul class="list-group"> 
      <li class="list-group-item"> <iframe src="http://www.yahoo.com"></iframe> </li> 
     </ul> 
    </div> 
</div> 

Answer 1

あなたはSRCを残すことができる空白の属性、その後、アコーディオン項目はSRC属性を設定するために開かれたときのために/セットアップに独自のイベントリスナーをフックiframeの