2011-07-27 9 views
1

私はデザイナーが私にCIを組み込むために渡したHTML/Jqueryコードを使用しています。私が抱えている問題は、jqueryを使用して開いているライトボックスをポップする特定のリンクがあることですが、一度CIに入ればこれらはもう機能しません。コントローラへのリンクを指して、ポップアップビューを読み込むと、単純なシャドウボックスではなくページ全体としてポップが読み込まれます。CI:Jqueryポップアップ

私はCI anchor_popを見ました...これは正しいものですか?言い換えれば、デザイナーが提供するコードを使用すると、ポップアップが完全に開きます(中央、右揃えなど)。 anchor_popを使用する際に、私のページを呼び出している間に、それはまたファンキーな状態になります。私のデザイナーは以下のように設定しているので、単にページ/ jquery関数を呼び出す簡単な方法はありますか?ありがとう。次のように

私の見解からのコードスニペットは、次のとおりです。

jqueryの:

$(function(){ 
$('form').jqTransform(); 
}); 
$(window).load(function () { 
$(".join-button a").fancybox().trigger('click'); 
}); 

リンク:編集

<li class="join-button"><a href="pupup1.html">join</a></li> 

: 私は、クリック '(.triggerの提案除去を試みました')、運がない。

Popup

enter image description here

答えて

0

私はあなたがやるべきだと思う:

$(window).load(function () { 
    $(".join-button a").fancybox(); 
}); 

あなたを.trigger('click')場合は、以下の私は何が起こるかの画像と共に、起こるしたいもののイメージがありますリンクの簡単なクリックをシミュレートして、そのページに移動します。

0

コードを入力する必要はありません$(window).load()機能です。 FancyboxはjQueryプラグインなので、通常の$(document).ready()関数内で使用する必要があります。

ニコラは右ですが、要素をクリックしたくないと思います。試してみてください:

$(function(){ 
    $('form').jqTransform(); 
    $(".join-button a").fancybox(); 
}); 

JSファイルがすべて正しく読み込まれていると仮定すると、これはうまくいくはずです。

+0

ありがとうございました。私はfancyboxを発射している間、実際のページをロードしていない。実際のhtml(またはこの場合はPHPになります)ページがビューフォルダにあります。データの受け渡しにはまだアクセスできる必要がありますが、コード内でどのように参照する必要がありますか単純なhrefは動作していないようですが、anchor_popを使用すると新しいウィンドウが開きますか?再度、感謝します。 – user464180

+0

"anchor_pop"を使用しているとしたら、CodeIgniterの "anchor_popup"メソッドをURLヘルパーから使用していることを意味しますか?はいの場合は、インラインJSとのリンクにonclick属性を設定するため、Fancyboxと競合する可能性があります。 –