ローダーで外部HTMLを読み込むJQuery Ajax

Question

colorboxとそのアニメーションを新しいモーダルウィンドウではなく、展開するdivに含めることはできますか？これを行う正しい方法は、確かにカラーボックスではありません。

私はdivに外部HTMLをロードしますが、閉じる、アニメーション、および読み込み機能のcolorboxを保持したいと思います。

ご意見をいただければ幸いです。

Answer 1

確かに！ colorboxは、colorboxを適用している<a>タグのアトリビュートをhrefと見ているだけです。そのタグが画像やHTMLファイルにリンクしているかどうかは関係ありませんが、コンテンツを空白のカラーボックスフレームにロードします。

<a id="colorboxMe" href="yourPage.html">Click to see yourPage</a> 

そして、あなたのJavaScriptで：あなたのメインページのコンテンツにおける例えば

、

$('#colorboxMe').colorbox(); 

拡大のdivにyourPage.htmlの内容をロードする必要がありリンクをクリックします。

EDIT：あなたの質問を理解できませんでした。あなたがオーバーレイと中心のフレームを望んでいない場合は、いくつかのCSSでそれを変更することができますね。あなたのメインページのCSSにこれを追加します。

#cboxOverlay { 
    display: none; 
} 
#colorbox { 
    position: relative; 
    display: inline; 
    left: 0px; 
    top: 0px; 
} 

編集編集：スクリプトは、これらのCSS宣言を上書きするので、これはおそらく動作しません。私は解決策が何であるか分からない。