ASP.NET Bootstrap show modal while loading JS files at the end of body tag

Question

I am trying to show a bootstrap modal programmatically using ASP.NET.

The problem is that the ScriptManager is before the script loading (I loads the script files at the end of the body). Because of that the ScriptManager code doesn't affect the modal.

This is any way to bypass it without moving the JS files to the head?

Thanks

https://stackoverflow.com/questions/6026645/document-readyfunction-vs-script-at-the-bottom-of-page — DNKROZ, Nov 07 '17 at 09:26
Thanks for the advice. It really helped me to figure out the solution. — Haim127, Nov 07 '17 at 09:52

score 0 · Accepted Answer · answered Nov 07 '17 at 09:55

So, I found out how to run it even without jquery is loaded.

At the <head> tag I added:

<script>
    function showModal() {
        $('#myModal').modal('show');
    }
</script>

And in the server side all I have had to do was to call:

ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "window.onload = showModal;", true);

So now it will run even calling it before any js file is loaded.

ASP.NET Bootstrap show modal while loading JS files at the end of body tag

1 Answers1