My show modal in ajax won't work on the first click, it appends on the first click but the show modal only triggers after the 2nd click
$("a#get-support-ticket-form").click(function() {
$.ajax({
type: 'GET',
url: '/support-ticket',
success: function(data) {
$("#support-ticket-modal").append(data); // Append the data
$("#suppor-ticket").modal('show');
},
error: function(error) {
console.log("error")
}
});
});
I don't know if this is the way to do it but, I added 'async:false' and it works now.
$("a#get-support-ticket-form").click(function() {
$.ajax({
async: false,
type: 'GET',
url: '/support-ticket',
success: function(data) {
$("#support-ticket-modal").append(data); // Append the data
$("#suppor-ticket").modal('show');
},
error: function(error) {
console.log("error")
}
});
});