Why Jquery .hide() does not hide an element div?

Question

So. I have below Jquery/Ajax and .hide() method doesn't seems to hide the element loadingdiv.

<script type="text/javascript">
        $(document).ready(function ($) {
            //show a progress modal of your choosing
            $('#loadingdiv').show();

        $.ajax({
            url: "@Url.Action("ToDo","Test")",
            dataType: 'html',
            success: function(data) {
                $('#bookListDiv').html(data);
            }});
        });
        $('#loadingdiv').hide();
</script>

there are some good links in this question and he posted his code on how he got it working. hope it helps stackoverflow.com/questions/41988881/… — Matt Bodily
– Matt Bodily, Commented Feb 10, 2017 at 20:11

Gary Doublé · Accepted Answer · 2017-02-11 16:08:25Z

1

Assuming you have some HTML like this:

<div id="StaticContent">
  ...
</div>
<div id="DynamicContent">
  <img src="~/Content/Images/ajax-loader.gif" alt="loading..." />
</div>

Then you can use a simple jquery load() call to achieve what you want.

$(function() {
  $('#DynamicContent').load("/path/to/api");
});

answered Feb 11, 2017 at 16:08

Gary Doublé

4464 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3731395 · Accepted Answer · 2017-02-12 13:40:51Z

-1

I think the hide() function appears not to be working because it is not being called when you think it is. The way you have written the script tag, the hide() function is called before the page ready function. Change your markup to call the hide() function inside the ajax success callback.

$.ajax({
        url: "@Url.Action("ToDo","Test")",
        dataType: 'html',
        success: function(data) {
            $('#bookListDiv').html(data);
            $('#loadingdiv').hide();
        }});

However, if you follow the advice in the other answer, this step is unnecessary. The loading gif will be replaced by the contents returned to the ajax call.

edited Feb 12, 2017 at 13:40

answered Feb 10, 2017 at 20:30

user3731395

1111 silver badge8 bronze badges

Collectives™ on Stack Overflow

Why Jquery .hide() does not hide an element div?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related