La finestra di dialogo Jquery non si chiude

Question

Ho una finestra di dialogo che non si chiude quando si fa clic su "Salva" o "Annulla". Ho paragonato a jQuery UI's official demo page e non riesco a trovare il motivo per cui questo non funzionerebbe.

Ecco quello che ho:

$(function() { 
      $("#DetailsWindow").dialog({ 
       autoOpen: false, 
       resizable: false, 
       height: 500, 
       width: 600, 
       modal: true, 
       title: 'Appointment Details', 
       buttons: { 
        "Save": function() { 
         $(this).dialog("close"); 
        }, 
        "Cancel": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 

      $('button').click(function() { 
       $("#DetailsWindow").dialog("open"); 
      }); 
     }); 

HTML:

<button>A button</button> 
     <div id="DetailsWindow"> 
      <h3>Title</h3> 
      <span>Some Text</span> 
     </div> 

Answer 1

Vostri criteri $('button') dovrebbe essere più restrittivo, altrimenti corrisponde a tutti i <button> tag sulla pagina, compresi quelli all'interno della finestra di dialogo jQuery , facendolo continuare ad aprirsi.

vorrei suggerire di aggiungere una classe al pulsante principale:

<button class="open-details">A button</button> 

e poi cambiare Javascript per:

$('button.open-details').click(function() { 
    $("#DetailsWindow").dialog("open"); 
}); 

Answer 2

Provare a utilizzare:

$(this).dialog('destroy').remove(); 

Invece di:

$(this).dialog("close");