Jquery iletişim kipi kapanmıyor

Question

"Kaydet" veya "iptal et" tıklandığında kapanmayan bir iletişim modelim var. jQuery UI's official demo page ile karşılaştırdım ve bunun neden işe yaramayacağını anlayamıyorum. İşte

ben ne var:

$(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

Sizin $('button') sorgu aksi takdirde jQuery iletişim içine de dahil olmak üzere sayfadaki TÜM <button> etiketleri maçları, daha kısıtlayıcı olmalıdır açılmaya neden oluyor.

Ben ana düğme için bir sınıf eklemek öneririz:

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

yerine: kullanmayı deneyin

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

Answer 2

:

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

Sonra sizin JavaScript değiştirmek

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