2016-08-30 5 views
1

문제가 발생했습니다. 나는 동시에 두 개의 대상을 동시에 생성하지만 그 중 하나는 활성화되지 않습니다 (나는 그를 닫거나 움직일 수 없습니다). 내가 예를 쓰기 아래 :2 개의 물체 생성 Highslide

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>

내가 한 번에 두 개체를 만들 때 그것은 단지 작동하지 않습니다. onclick 핸들러에 페인트 (...)를 배치하면 원하는 수의 객체를 만들 수 있으며 모두 상호 작용할 수 있습니다.

아무도 나를 도울 수 있습니까?

답변

1

오, 해결책을 찾았습니다.

필요 추가 hs.allowSimultaneousLoading = true;