2011-12-26 19 views
0

ファンシーボックスにhtmlフォーム(インラインではない)を表示しようとしています。ただし、リンクをクリックするだけで、フォームを含む実際のページにリダイレクトされます。なぜこれが起こっているのか分かりません。以下はファンシーボックスにiframeの内容が表示されない

私のコードの抜粋です。

HTML:

<a href="http://localhost:8080/mysite/popups/registration_1.html" class="register">register</a> 

Javascriptを:

$(document).ready(function() { 
    $("a.register").fancybox({ 
     'type' : 'iframe' 
    }); 
}); 

私は私がやっているものを私の人生のために把握することはできません違う。 fancyboxのドキュメントを見ると、上記は構文的に正しいと思われます。

私は最新のfancyboxリリース(これを書いている時点で)バージョン1.3.4を使用しています。

あなたはFancybox JSファイルの前に、そのjQueryのJSファイルを含めている場合は任意の考えやアイデアがはるかに高く評価されるだろう...

おかげで、

-Tom

答えて

1

あなたが点検しましたあなたが含んでいるファイルへのパスは正しいです。

私はこのjsfiddleのテストに挑戦し、うまくいきました。左側にfancybox用のJSとCSSを含め、jQueryを選択したことに注意してください。

+0

大丈夫ですので、パスの優先順位を変更することが影響しています。しかし、リダイレクトの代わりに何も起こりません。ライトボックスのオーバーレイはありません。 – princeTaj

+0

興味深いことに、強制タイプを削除すると、 'iframe'、フォームは現在のページの最後に追加されます。 – princeTaj

+0

さて、fancyboxディストリビューションのサンプルコードをクロスチェックした後、fancybox CSSのlink要素に 'rel = "stylesheet"'属性/値を含めなかったことに気付きました。フォームが表示されます。あなたの助けをたくさんありがとう – princeTaj

関連する問題