jquery - удаление загрузочного div после загрузки страницы

Question

Итак, я создал простой способ установки загрузчика. Я положил загрузчик уже и поместил непрозрачность основного тега контейнера в 0.4. но при загрузке страницы, мой Javascript не удалить загрузчик и установите непрозрачность в 1. Так что мой код здесь:

Важные замечания:
Я использую JQuery версии 2 (я не знаю точно)

$(document).ready(function() { 
     $(this).load(function() { 
      $('.progress').hide(); 
      $('body').css("opacity", "1"); 
     }); 
    }); 

Answer 1

Вы должны использовать $(window).load() не $(document).load()

$(document).ready(function(){ 
 
    $(window).load(function(){ 
 
    alert("This can run"); 
 
    }); 
 
    $(this).load(function(){ 
 
    alert("This cannot run"); 
 
    }); 
 
    $(document).load(function(){ 
 
    alert("This cannot run too"); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Я думаю, вы можете быть недоразумением непрозрачности. Установка непрозрачности в 1 означает, что элемент полностью виден, не прозрачный вообще. Таким образом, $("load").css("opacity", 1) уверен, что элемент load полностью виден. (Lurkers: ОП говорит, что они имеют тип пользовательского элемента, так что селектор на самом деле не так.)

Если вы хотите удалить его, remove это:

$("load").remove(); 

Если вы хочу шкурой это, hide это:

$("load").hide(); 

Если вы хотите, чтобы сделать его полностью прозрачным, установите непрозрачность 0 :

$("load").css("opacity", 0);