共有ポイントで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> 

マスターページのjs

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

私は、インラインリンクをクリックしていたら、私は投稿者としてコンソールに投稿されたメッセージが、fancyboxウィンドウを見ることができます開かない。

Answer 1

$('.fancybox').fancybox();を呼び出すと、fancyboxを開く選択された要素にクリックイベントをバインドするだけです。すぐに開く場合は、クリックイベントを手動でトリガーするか、$.fancybox.open()を使用してください。