Jquery Modal Form - Click twice

[primagic]

I have the following code that works by clicking the button once on a few pages but others I need to click twice.

<script type="text/javascript">
        /*
        * jQuery UI Dialog: Open Dialog on Click
                */
        $(function () {
            $("#dialog").dialog({
                autoOpen: false
            });
            $("#btnAddCustomer").on("click", function () {
                $("#dialog").dialog("open");
                
            });
        });
	</script>

 

[jpadie]

I have the following code that works by clicking the button once on a few pages but others I need to click twice.

use a finite state machine to determine.

<script type="text/javascript">
        /*
        * jQuery UI Dialog: Open Dialog on Click
                */
        $(function () {
            var clickstate = 0;
            var clicktimer;
            $("#dialog").dialog({
                autoOpen: false
            });
            $("#btnAddCustomer").on("click", function () {
                if(clickstate == 1){
                	clearTimeOut(clicktimer);
                	clickstate = 0;
                	$("#dialog").dialog("open");
                } else {
                    clickstate = 1;
                    clicktimer = setTimeOut(function(){
                       	clickstate = 0;
                    }, 2000);
                }
                
            });
        });
</script>

there is also the double click event that you might want to look into. for that you would bind .on('dblclick',function()... make sure you do not bind both to click and dblclick on the same element (or within the same bubble)