JQuery .click not Firing in IE 11

Question

I have a site that pulls up a modal with data. It validates the modal and then closes the modal. This is the close function:

function closeModal() {
    console.log("Close Modal button clicked");
    console.log("Simulate buttonclick on " + '<%=btnSave.ClientID%>');
    try
    {
        $('#<%=btnSave.ClientID%>').click();
    }
    catch(err)
    {
         console.log("btnSave.click error: " + err);
    }
    return true;
}

The .click calls a button which calls an ASP function to post the data to the database. This works fine in Chrome and Firefox but it is not working in IE 11.

Here is IE's console:

IE Console Log

This is the same as what Chrome puts out in the log as well. However, the save is called and succeeds with Chrome and Firefox but not with IE.

score 2 · Accepted Answer · edited May 23 '17 at 12:32

2

It seems, IE 11 has some restrictions in terms of support DOM Level 2 HTMLElement.click(). Please take a look at the following answer. It can be helpful for you.

edited May 23 '17 at 12:32

Community

1
1

answered Jul 06 '16 at 15:15

Alex M

2,756
7
29
35

This was exactly it. Thank you very much. – Scott Craig Jul 18 '16 at 16:48

score 0 · Answer 2 · answered Jul 06 '16 at 14:44

0

Try using jQuery to close your modal.

//Get a reference to your modal and hide it
$('#deleteModal').modal('hide');

<div class="modal fade" tabindex="-1" role="dialog" id="deleteModal">
    <div class="modal-dialog">
        <div class="modal-content">
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

answered Jul 06 '16 at 14:44

Mitch Stewart

1,253
10
12

That is how it is done. The modal closes successfully, but the Save function above doesn't run the ASP procedure as it should based off the Click function. – Scott Craig Jul 06 '16 at 15:15

JQuery .click not Firing in IE 11

2 Answers2