2011-09-13 9 views
0

私は、私のWebアプリケーション用のモーダルウィンドウを作成するために、colorboxプラグインを使用しています。 <a>に関連する<div>を開いて少し問題があります。クリックオープニング関連のリンク

理想の行動


<a rel="id_123"></a>

は内のコンテンツとフォームを開く必要があります。
div rel="id_123"></div>

明確化のためにここに私のコードをチェックアウト:http://jsfiddle.net/Q4GGS/6/

をありがとう!

編集:これは私が今まで試したことです。リンクがクリックされると、clickイベントは関連するものの代わりにすべてのリストを持つモーダルを作成します。 http://jsfiddle.net/Q4GGS/7/

+0

@genesisを更新しました!ありがとう。 –

答えて

2

DIVにはrel属性がありません。それらを別のもの(クラスやIDなど)で置き換える必要があります。例JS:

$('.dialog_link').click(function(e) { 
    e.preventDefault(); 

    $.colorbox ({ 
     href: "#" + this.rel, 
     width: '50%', 
     inline: true 
    }); 
}); 

例HTML:

<div class="ticket_details" id="id_123"> 
     text 
    </div> 
    <div class="ticket_details" id="id_124"> 
     text 
    </div> 
+0

読者は質問に引用されているjsの例文を見て、Jackの答えの完全な内容を理解することをお勧めします。 –

+0

偉大な答え!ありがとう@ジャック –

関連する問題