2つのオブジェクトHighslideを作成する

Question

問題が発生しました。私はハイスライドで同時に2つのオブジェクトを作成しますが、そのうちの1つはアクティブ化されません（私はクローズしたり移動することはできません）。私は例を書き下：

hs.graphicsDir = 'http://highslide.com/highslide/graphics/'; 
 
hs.outlineType = 'rounded-white'; 
 

 
function paint(id){ 
 
    \t 
 
\t var element = document.getElementById('highslide-html_' + id); 
 
\t var frame = hs.htmlExpand(element, { contentId: 'highslide-html_' + id }); 
 
\t return frame; 
 
} 
 

 
paint("id1"); 
 
paint("id2");

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<script type="text/javascript" src="http://highslide.com/highslide/highslide.js.php?full=true"></script> 
 
<link rel="stylesheet" type="text/css" href="http://highslide.com/highslide/highslide.css" /> 
 

 

 
<div class="highslide-html-content highslide-move" id="highslide-html_id1"> 
 
\t <div class="highslide-header"> 
 
\t \t <ul> 
 
\t \t \t <li class="highslide-close"> 
 
\t \t \t \t <a href="#" onclick="return hs.close(this)">Close</a> 
 
\t \t \t </li> 
 
\t \t </ul> 
 
\t </div> 
 
\t <div class="highslide-body"> 
 
\t \t Panel 1 
 
\t </div> 
 
    <div class="highslide-footer"> 
 
     <div> 
 
      <span class="highslide-resize" title="Resize"> 
 
       <span></span> 
 
      </span> 
 
     </div> 
 
    </div> 
 
</div> 
 

 
<div class="highslide-html-content highslide-move" id="highslide-html_id2"> 
 
\t <div class="highslide-header"> 
 
\t \t <ul> 
 
\t \t \t <li class="highslide-close"> 
 
\t \t \t \t <a href="#" onclick="return hs.close(this)">Close</a> 
 
\t \t \t </li> 
 
\t \t </ul> 
 
\t </div> 
 
\t <div class="highslide-body"> 
 
\t \t Panel 2 
 
\t </div> 
 
    <div class="highslide-footer"> 
 
     <div> 
 
      <span class="highslide-resize" title="Resize"> 
 
       <span></span> 
 
      </span> 
 
     </div> 
 
    </div> 
 
</div>

私は一度に2つのオブジェクトを作成するときにのみ動作しません。 onclickハンドラにpaint（...）を配置すると、任意の数のオブジェクトを作成することができ、それらはすべてインタラクティブになります。

多分誰でも私を助けることができますか？

Answer 1

ああ、解決策が見つかりました。

必要な追加hs.allowSimultaneousLoading = true;