在Jquery中冒起的Click事件

Question

I'm developing a project using Django 1.6. I have a pop up box which pops up when I click "Quick Upload" and there I'll be giving the path of a folder and say "OK".But the problem is when I click "OK" for one time then "function event()" is being called 4 times. Please help me in this regard. Code is shown below.

<input type="hidden" id="name" name="name" value={{name}}>
<input id="button" onclick="quickupload();" class="css_button" value="Quick Upload">

<script>
function quickupload()
{
    $('div#dialog-confirm').dialog('open'); 
    $( "#dialog-confirm" ).dialog
    ({
      resizable:true,
      height:150,
      modal: true,
      buttons: 
      {
        "OK": function event()
        { 
        var session1 = $("#name").val();
        var fpath = $("#quick1").val();
        listofpath=fpath.split("\\");
        finalpath="";   
        for (i=0;i<listofpath.length;i++)
        {
            finalpath=finalpath+listofpath[i]+"@";          
        }           
        console.log(finalpath);
        window.location.href = "/uploadquick/"+session1+"/"+finalpath;
        },
      }
    });
}
</script> 

Answer 1

You're creating a dialog object every time you call quickupload() . So the same handler you passed to OK in dialog definition is attached again and again on OK button every time you click on that Quick Upload button. Instead create a dialog object outside and then open on it you button click like this

<script>
// create the dialog object outside
$( "#dialog-confirm" ).dialog({
      resizable:true,
      height:150,
      modal: true,
      buttons: 
      {
        "OK": function event()
        { 
        var session1 = $("#name").val();
        var fpath = $("#quick1").val();
        listofpath=fpath.split("\\");
        finalpath="";   
        for (i=0;i<listofpath.length;i++)
        {
            finalpath=finalpath+listofpath[i]+"@";          
        }           
        console.log(finalpath);
        window.location.href = "/uploadquick/"+session1+"/"+finalpath;
        },
      }
    });

function quickupload() {
    $('#dialog-confirm').dialog('open'); 
}
</script> 

Hope this helps :)