2011-01-20 19 views
1

colorboxのiframe設定を使用したくない代わりに、カラーボックス内のリンクをクリックして、現在の場所の別のファイルにロードします。colorbox hrefを変更する

Login failed, please <a href="#" onClick="$.colorbox({href:'/admin/login.php'}); return false;" class='tryagain'>try again</a>. 

これは明らかに、インライン一例である - 典型的なjQueryのソリューションは、罰金になり、すなわち

$( 'a.class).colorbox({HREF:」../管理/ログイン。 php "});

実際には、この(現在表示中の)カラーボックスのhrefを変更したいと考えています。私はこの新しいページを既存のカラーボックス内にロードします。

感謝

ティム

答えて

0

は「私が正しい場合は、あなたがしたいあなたは

<a class='tryagain' href="../url1.html">link1</a> 
<br/><br/> 
<a class='tryagain' href="../url2.html">link2</a> 

$(".tryagain").colorbox({ 
    width: "80%", 
    height: "80%", 
    iframe: true 
}); 
+0

ありがとうございます。問題は、通常のリンクと同じように新しい場所にリダイレクトすることです。この新しいページを既存のカラーボックス内に読み込むようにします。 – Tim

0

?:後にしている何本ですインラインとiframeのカラーボックスの使い方をミックスして、ユーザーが特定のリンク上でaをクリックすると、コンテンツがカラーボックスに表示されます。その中には、現在開いているColorboxインスタンスを新しいコンテンツで更新する別のリンクがあります。

これは、カラーボックスに最初に表示したいと思われるインラインの可能性のある隠れたHTMLコンテンツの中にあるリンク上で、カラーボックスをバインドすることで簡単に行うことができます。

は、だから私はあなたに取り組んでデモ例を作成した(とツールチッププラグインでカラーボックスを混合のようないくつかの他の詰め込むと組み合わせる)、およびjsfiddle.netにアップロード:
ここ http://jsfiddle.net/Sk8erPeter/aHcLx/

あなたはそれを試してみることができますそれがあなたのニーズに合っていればすぐに!
私はあなたが求めていたことを望みます。

関連する問題