2

リンクをクリックするとカラーボックスポップアップを開くページがあります。これが発生した場合、ロケーションバーのURLは同じままです。このURLを変更して、訪問者をリンクをクリックするように案内せずに、訪問者をカラーボックスポップアップに直接リンクできるようにします。このページは、私が達成しようとしていることを示しています。

したがって、URLロケーションバーを見ると、上記のURLが表示されます。ポップアップを閉じると、URLは次のように変わりますhttp://www.uu.nl/daretoexcel/#。ここでも、別のウィンドウを開くと、URLが似たようなものに変わります。だから私はColorboxを開く方法を知っていて、それを機能させました。ロケーションバーのURLが常に同じであるというだけです。

私は彼らのコードを調べましたが、私はそれを完全には理解していません。正確に何が起こっているのかを知らずに、単にコピーして貼り付けたくありません。

4

2 に答える 2

1

必要なもの：

$(function() {
$.colorbox({html: "<h1>Welcome</h1>"});
})

これにより、指定されたページのdocument.readyでカラーボックスが開きます。おそらく、開きたいページの本文にクラスを追加する必要があります。これを行うには、URLに/mypage.html?opencolorbox=trueのようなクラスを追加するパラメーターを設定してから、追加します。 asp、php、または使用している他のサーバー側言語を使用するクラス。または、上記のスクリプトを、カラーボックスを開く必要のあるページでのみ実行するようにします。

また、iframeで開いたり、次のようなインラインコンテンツを表示したりすることもできます。

$(function() {
$.colorbox({href: "login.php"});
})

カラーボックスにlogin.phpが表示されます

$(function() {
$.colorbox({inline: true, href: "#form"});
})

ID#formの要素の内容を表示します

于 2012-09-17T08:11:32.553 に答える
0

あなたが思うよりも簡単です、彼らはただハッシュを使用します。イベントのあるカラーボックスサイトの例を見ることができます。次のようにhrefを取得します：カラーボックスから戻り値を取得するにはどうすればよいですか？、次にハッシュを設定document.location.hashします。クローズイベントでハッシュを削除します。

于 2012-09-17T08:17:53.333 に答える