如何将属性添加到Jquery对话框？

Question

I have a dialog function from jquery that works fine. I also have a "Processing" function in my javascript that gets triggered when any submit/href link is posted. The close button ("x" in the top right corner) triggers the submit/href function somehow. I would like to add an onclick attribute on the close button to call my "NoProcessing" (js function to prevent the href/submit processing.js file from being triggered) when it closes. How do I add do that?

<script>
$(document).ready(function() {
  $("#dialog").dialog(
      autoOpen: false,
      overflow: 'hidden',
      width: ($('#dialog').width() + 130)
  );
});
</script>

Answer 1

There is already a close event

<script>
$(document).ready(function() {
  $("#dialog").dialog(
      autoOpen: false,
      overflow: 'hidden',
        close: function(event, ui) { 
            // do somehting
                            //maybe 
                          event.preventDefault();
                          notProcesseing();

        },
      width: ($('#dialog').width() + 130)
  );
});
</script>

Answer 2

It should be on 'beforeClose'. Close is fired after the dialog is already closed.

$("#dialog").dialog({
    beforeClose: function(event, ui) { 
        event.preventDefault(true); 
    }
});

UPDATE: Then to remove the anchor or href tag, you could:

$("#dialog").dialog({
    open: function(event, ui) { 
        $('span.ui-icon-closethick').removeAttr('href');
    }
});