CSSを使用してオーバーレイを作成したいが、機能していない。

Question

CSSを使用してオーバーレイダイアログボックスを作成しようとしている。私はCSSを書いたが、私はオーバーレイダイアログボックスを表示することができません。どんな助けでも大歓迎です。

ここで試してみてください。また、これはIE9とFirefoxで動作するはずです。 http://jsfiddle.net/tGDKT

Answer 1

「calculateEmbeddedWindowSizeが定義されていません」というメッセージがコンソールに表示され続けます。あなたのjavascriptはページ上に全く存在しないようです。

編集 - このお試しください：あなたはまた、JavaScriptで控えめなスタイルを方法を添付することができhttp://jsfiddle.net/tGDKT/7/

Answer 2

を。 <a>にIDを与えるか：

$('a').click(calculateEmbeddedWindowSize); 

...ページ上のすべてのリンクのための関数を呼び出します。

Answer 3

理由だけではjQuery UIのダイアログを使用していない：

http://jsfiddle.net/maniator/tGDKT/15/

$(function() { 
    $('.clickme').click(function() { 
     $('iframe').dialog(); 
    }); 
});