Não é duplicada dessa: Como executar uma script jquery ao carregar uma pagina
Tenho uma função que lista um conteúdo numa div
:
function listar() {
alert("listar"); // alert para saber se está sendo chamado
arquivo = "lista.php";
$.ajax({
url:arquivo,
success: function (textStatus) {
$('#iddiv1').html(textStatus);
}
});
}
Tentei carregar essa função junto da página, mas não dá certo:
$(document).ready(function(){
listar();
});
Também, gostaria que, enquanto executar o método listar()
, fique oculta a div
.
Exemplo:
$('#iddiv1').hide();
$('#iddiv2').show();
Tentei assim, mas sem sucesso:
$('#iddiv1').load(function() {
$('#iddiv1').hide();
$('#iddiv2').show();
});
$(document).ready(function(){
? Se não, provavelmente tem um erro no console.<script>
da função está na<head>
e o<script>
do jquery, no fim da<body>
... Tem que ser inversa a ordem?$(document).ready(function(){
pordocument.addEventListener("DOMContentLoaded", function(){