공유 지점에서 postmessage를 사용하는 동안 Fancybox가 실행되지 않습니다.

Question

Fanybox가 실행되고 있지 않습니다. apppart에서 sharepoint masterpage로 통신하기 위해 HTML5 postmessage를 사용하고 있습니다. 여기에 코드가 있는데 무엇이 빠졌는지 확인하는 데 도움이됩니다.

아파트 JS

$(".fancybox").click(function(e) { 
    parent.postMessage('FancyBox', '*');   
}); 

HTML

<a class="fancybox" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a> 
<div id="inline1" style="width:400px;display: none;">Popup window</div> 

masterpage JS

window.addEventListener("message", function(e) { 
if (e.data == 'FancyBox') { 
console.log("Posted"); 
$('.fancybox').fancybox(); 
} 
}, false); 

내가 게시 나는 콘솔에 게시 된 메시지를 볼 수 있습니다 인라인 링크하지만 fancybox 창을 클릭하고 한 번 열리지 않습니다.

Answer 1

$('.fancybox').fancybox();으로 전화를 걸면 fancybox를 여는 선택한 요소에 클릭 이벤트 만 바인딩됩니다. 즉시 열려면 클릭 이벤트를 수동으로 트리거하거나 $.fancybox.open()을 사용하십시오.