JqxWindow doesnot open on first button click

[SayanParticipant]

Hi,
I have designed a window ,but it doesnot open on first button click.I need to double click it and open the window

$(“#Delete_Gift”).on(‘click’, function () {
//$(“#Gift_Window”).css(“visibility”, “visible”);
$(“#Gift_Alert_Window”).css(“display”, “block”);
$(‘#Gift_Alert_Window’).jqxWindow(‘open’);
$(‘#Gift_Alert_Window’).jqxWindow({
height: 120,
width: 400,
autoOpen: false,
isModal: true,
okButton: $(‘#Cancel_Gift_btn’)

});

});

<div id=”Gift_Alert_Window” style=”display:none;background-color:transparent;border-bottom:1px #787d7c” >
<div class=”alert-header” style=”position:relative;background-color:#f36d76″>
<div style=”float:left;position:relative;margin-left:20px”>
</div>
<div class=”Alert_Label” style=”float:right;position:relative;margin-left:30px;margin-top:5px”>Are you sure?</div>
</div>
<div class=”Cost_Alert-footer” style=”overflow:hidden;position:relative;” >

<div class=”modal-footer” style=”top:-20px;position:relative;border-top:2px solid #d6d6d6;”>

<button id=”Delete_Gift_btn” type=”button” class=”btn btn-default popupbtn” style=”position:relative;bottom:10px” >Yes</button>
<button id=”Cancel_Gift_btn” type=”button” class=”btn btn-default popupbtn” style=”position:relative;bottom:10px” >No</button>

</div>

</div>
</div> @*end of Gift Alert Window*@

I guess it is an issue with the display style. Please help how to fix the issue

[NadezhdaParticipant]

Hello Sayan,

Please, provide us with a JSFiddle example which we can test to determine if there is anything wrong with your implementation.

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts