2012-05-10 13 views
0

Jquery UIダイアログを使用するときに問題が発生しました。 私は、名前、電子メール、コメントのようなヘッダーを使って、php(whileループ)からテーブルを生成します。 コメントはdisplay:noneに設定されており、対応する行の「表示」のようなボタンをクリックしたときにのみ表示します。問題は、jqueryが1つではなく複数のダイアログを生成することです。Jquery UI複数のダイアログがPHPから生成

ので、私のjqueryのコードは、(たとえば)から以下のようになります。

$.fx.speeds._default = 1000; 
$(function() { 
$(".dialog").dialog({ 
autoOpen: false, 
show: "blind", 
hide: "explode" 
}); 

$(".opener").click(function() { 
$(".dialog").dialog("open"); 
return false; 
}); 
}); 

!ここで、.dialogは私のコメントに設定されたクラス、openerはボタンビューに設定されたクラスです。

クリックした行に対応する1つのダイアログのみを受信するにはどうすればよいですか? 2行目のビューをクリックすると、ダイアログ2に対応するコメント付きのダイアログが必要になります。 ありがとうございます!

答えて

0

$(".dialog").dialog("open");では、すべてのダイアログをクラス.dialogで開きます。あなたのHTMLはわかりませんが、あなたが開くダイアログを探してください。したがって、次のようなものを使用してください:

$.fx.speeds._default = 1000; 
$(function() { 
$(".dialog").dialog({ 
autoOpen: false, 
show: "blind", 
hide: "explode" 
}); 

$(".opener").click(function() { 
$(this).parent('.dialog').dialog("open"); 
return false; 
}); 
});