CODEWITHSUNDEEP
javascriptjquery
user3386898
user3386898

Reputation: 25

How to bind the close event for this script jquery

Hi i need to reload the parent page when close button clicked on modal dialog. my code is:

//customer edit start
 $( ".modal-customeredit" ).click(function() {
        var myGroupId = $(this).attr('data-id'); // data-id


           $.post("sample.php",
    {
      name:myGroupId,

    },
    function(data,status){

    });
                  $( "#modal-customeredit" ).dialog({
     modal: true,
     minWidth: 700,
     minHeight: 200,
     dialogClass: "modal-dialog",
     show: "fadeIn"




          });

       $('.ui-widget-overlay').addClass('bg-black opacity-60');


 });

I tried for close button as/

 $( ".ui-dialog-titlebar-close" ).click(function() {
      window.location.reload(true);
 });

on below also tried inside.Nothing works.Can anybody help me.Thanks.

Upvotes: 2

Views: 85

Answers (3)

Milind Anantwar
Milind Anantwar

Reputation: 82241

You can use native create event of dialogue to bind close button click. Like this:

$( "#modal-customeredit" ).dialog({
 modal: true,
 minWidth: 700,
 minHeight: 200,
 dialogClass: "modal-dialog",
 show: "fadeIn",
 create: function() {
        $(this).closest('div.ui-dialog')
               .find('a.ui-dialog-titlebar-close')
               .click(function(e) {
                   window.location.reload(true);
                   e.preventDefault();
               });}
 });

Working Demo

Upvotes: 1

Dhaval Marthak
Dhaval Marthak

Reputation: 17366

Elements that are added to the DOM at runtime requires event delegation as your popup is generated using model (jQuery UI)
You can execute a click event of close button by doing this:

$(document.body).on('click','.ui-dialog-titlebar-close',function(e) {
      e.preventDefault(); // To prevent default dialog close action
      window.location.reload(true);
});

See the API documentation for .on()

May be this will fix. But i think close() of model popup is already defined in UI. You may prevent the default action.

Upvotes: 0

Vasiliy vvscode Vanchuk
Vasiliy vvscode Vanchuk

Reputation: 7169

Try to use window property , to get access to main page from iframe

top Returns the topmost browser window

can you give link to your page or example at jsbin?

Upvotes: 0

Related Questions