jQueryのfancyboxの打ち上げはここ

Question

をonclickのJSは、次のとおりです。

$(document).ready(
    function(){ 
     $('#button').click(function() { 
     $("#content_of_fancybox").fancybox({ 
      'scrolling'  : 'no', 
      'titleShow'  : false 
     }); 
     }); 
    } 
); 

、ユーザーがボタンをクリックしたときにHTML

<input type="button" value=" Open fancybox " id="button"> 

<div id="content_of_fancybox" style="width: 400px; margin: 0; display: none;"> 
Hello pandas! 
</div> 

fancyboxが開きますが、それはしません。エラー（私はそれがjavascriptの部分にあると思います）は何ですか？

Answer 1

Fancyboxはあなたにfancyboxを添付して、オブジェクトのクリックで動作します：あなたは、ダイアログをしたい場合http://jsfiddle.net/maniator/WbCMV/2/

---

ただ使用するjQuery dialog：

http://jsfiddle.net/maniator/WbCMV/4/

Answer 2

私はfancyboxで作業を始めたときに私は混乱しましたが、ドキュメントを見ることをお勧めします。実際のfancybox関数を何かに呼び出すと、ページのその部分がfancybox内にポップアップされるように設定されます。それは関数の呼び出し時にポップアップしません。基本的にあなたのコードはIDのbutton_idでDOM要素をクリックすると、fancyboxでポップアップするID content_of_fancyboxを持つDOM要素を設定しています。そこからアンカータグが正しくフォーマットされていれば、それをクリックするとコンテンツが「ファンシーボックス」に表示されます。

ここにある手順に従ってhttp://fancybox.net/howtoを設定して作業してください！ここで

は、それが働いたJSフィドルです：

http://jsfiddle.net/GU7W9/