2017-03-28 5 views
1

idが#popupContentのdivがあります。いくつかのモジュールをPHPで読み込んでいますが、このボックスをaタグに代入するとすべてが正常に動作しています。しかし、今私はJavaScriptを介してそれを開きたいが、私はそれを行う方法..ドキュメントは本当に混乱している。javacriptを使用してfancybox 2.1.4を開きます。

私は今、私は

<div id="popupContent"> 
    <div class="row"> 
    <div class="col...> 
     <h2> bla bla bla </h2> 
    </div 
    </div> 
</div 

を使用しようとした私は、この

<script type="text/javascript"> 
    (function() { 
     $.fancybox($('#popupContent')); 
    })(); 
</script> 
+0

コードにギャラリーグリッドを追加してください。また、ページの読み込み時にfancyboxを初期化するJavaScriptを追加してください。 [The API documentation](http://fancyapps.com/fancybox/#docs)には 'open()メソッド'があります。それはあなたが必要とするすべてかもしれません。 – dschu

+0

'(function(){...})()'のような関数ラッパーでスクリプトをラップする必要はありません。通常のjQueryドキュメント 'ready'メソッドを使用してください。 http://jsfiddle.net/kxq77rkk/ – JFK

答えて

0

は、ボタンを作成し、SO-のような関数を呼び出す実行しようとしましたため、fancybox 2.1.4の午前言ったように

<button id="popUpOpenButton" onClick="myFunction()"> 

そして

function myFunction(){ 
$.fancybox($('#popUpOpenButton')); 
} 
関連する問題