// put it in the base document
$(document).bind('cbox_closed', function(){
// navigate to new URI in a prefered way
});
// a little different way to achieve same result
$(".example9").colorbox(
{
onClosed:function()
{
// navigate to new URI in a prefered way
}
});
追加の例。
HTML:
<a id="base" href="#">Show colorbox</a>
<div style='display: none'>
<div id='divModal' style='padding: 10px; background: #fff; border: 1px solid red; z-index=100;'>This is test
<a id="google" href="#">google.com</a>
</div>
</div>
はJavaScript:
$('a#base').colorbox({inline: false, href:'#divModal', width: "150px", height: "100px"});
$('a#google').click(
function()
{
$.colorbox.close();
window.location = 'google.com';
}
)
出典
2010-12-12 12:33:33
Lex
ごめんなさい。あなたは詳細を教えていただけますか?そのコードはColorboxのjsファイルにありますか?私はJavascriptに堪能ではないので、もっと明確にすることができれば、本当に役に立ちます。私はこの仕組みがどういうものか分かりません。ありがとうございました!!! –
ColorBoxウィンドウを起動する親htmlファイルで使用します。また、例では少しだけ異なる構文を見つけることができます:http://colorpowered.com/colorbox/core/example1/index.html。 「アラートの例」リンクは、必要なものを正確に実行します。ソースでは、ColorBoxを閉じるときに警告を表示するコードを表示できます。上記のコードサンプルを変更して、もう一度onCloseイベントを呼び出す方法を示しました。 – Lex
まだ動作しません。私はこれを理解できません。私のテストサイトを試してください。調査を終了するには、調査で3つの質問に回答する必要があります。質問#1 - いいえ、質問#2、何かを選択、質問#3 - いいえ。次に、例としてGoogleへのリンクが表示されます。 Googleのリンクをクリックすると、モーダルの下の親ブラウザウィンドウでGoogleを閉じて起動する必要があります。 http://www.careersinmusic.com/music-career-finder-launch.aspx私はこれを私のために働かせるために誰かに現金をPaypalにも喜んでいる。 –