Beberapa dialog Jquery UI dihasilkan dari php

Saya mengalami masalah saat menggunakan Dialog Jquery UI. Saya membuat tabel dari php (sementara loop), dengan header seperti nama, email, komentar. Komentar disetel ke display:none, dan saya ingin menampilkannya, hanya ketika saya mengklik tombol seperti "Lihat" di baris yang sesuai. Masalahnya adalah jquery akan menghasilkan banyak dialog, bukan satu.

jadi, kode jquery saya terlihat seperti (dari contoh):

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

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

! Di mana .dialog adalah kelas yang saya setel untuk komentar saya, dan pembuka adalah kelas yang saya setel untuk tampilan tombol saya.

Apa yang harus saya lakukan agar hanya menerima satu dialog, yang sesuai dengan baris yang diklik? Jika saya mengklik tampilan dari baris 2, saya ingin dialog dengan komentar yang sesuai dengan dialog 2. Tidak semuanya. Terima kasih sebelumnya!


dialog jquery-ui jquery-ui-dialog
person audioglide    schedule 10.05.2012    source sumber

Jawaban (1)


arrow_upward
0
arrow_downward

Dengan $(".dialog").dialog( "open" ); Anda membuka SEMUA dialog dengan kelas .dialog. Saya tidak tahu HTML Anda, tetapi Anda harus mencari dialog yang ingin Anda buka. Jadi gunakan sesuatu seperti:

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

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