jquery - ローダーで外部htmlをロードするJQuery Ajax

Question

新しいモーダルウィンドウではなく、拡大する div にカラーボックスとそのアニメーションを含めることは可能ですか? colorbox がこれを行う正しい方法かどうかはわかりません。

外部htmlをdivにajaxロードしたいのですが、カラーボックスが持っているクローズ、アニメーション、およびロード機能を保持します。

どんな考えでも大歓迎です。

score 0 · Accepted Answer

そうです！colorbox は、hrefcolorbox を<a>適用するタグの属性を調べるだけです。そのタグが画像または html ファイルにリンクしているかどうかは関係ありません。コンテンツは派手なカラーボックスフレームに読み込まれます。

たとえば、メインページのコンテンツでは次のようになります。

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

そしてあなたのJavaScriptで：

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

リンクをクリックすると、コンテンツがyourPage.html展開された div に読み込まれます。

編集:ああ、私はあなたの質問を理解していませんでした。オーバーレイと中央のフレームが必要ない場合は、css で変更できると思います。これをメインページの CSS に追加します。

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

EDIT EDIT：スクリプトがこれらのcss宣言をオーバーライドするため、これはおそらく機能しません。解決策が何であるかわかりません。

1 に答える 1