Question

i am opening jQuery Dialog through the below code.The problem here is when i opened it and click again so its still opening second and third time.

i need to open it just one time if it’s not already open.

        $('.view_full_email').live('click',function(){
        var $tr = $(this).closest('tr');
        var subject = $tr.children('td:eq(2)').text(),
        from = $tr.children('td:eq(3)').text(),
        to = $tr.children('td:eq(4)').text(),
        cc = $tr.children('td:eq(5)').text(),
        bcc = $tr.children('td:eq(6)').text(),
        mesg_body = $tr.children('td:eq(7)').text();

      var $dialog = $('<div>',{title:'Email'}).dialog({
           autoOpen: false,
           resizable: true,
           width: 500
       });
      var email_data = "<table><tr><td><b>Subject :</b>"+ subject +"</td></tr><br/><tr><td><b>From :</b> "+ from +"</td></tr><tr><td><b>To :</b> "+ to+"</td></tr><tr><td><b>CC  :</b> "+ cc+"</td></tr><tr><td><b>BCC  : </b> "+ bcc+"</td></tr><tr><td><b> Message Body :</b> <textarea rows='25' cols='100' readonly = 'readonly'>"  + mesg_body+ "</textarea></td></tr></table>";
       $('<div>').html(email_data).appendTo($dialog);
       $dialog.dialog('open');
        return false;
    });

Answer 1

why don’t you do this modal :true .

this way user wont click anything in background so no need to put condition because your dialog will open just once. i guess this is what u want

var $dialog = $('<div>',{title:'Email'}).dialog({
            autoOpen: false,
            resizable: true,
            modal :true,
            width: 500
        });