jQuery problema con animate

**techno** · 24-12-2015, 16:20

salve a tutti e buone feste

Sto avendo un problema banale con una animazione vi posto il code:

[CSS]

codice:

.bar { position:absolute; left:0; bottom:0; height:3px; width:0; background-color:#FFF; z-index:99999; }

[JS]

codice:

$(document).ready(function() {
	
	$(".bar").animate({width: "800px"});
	
});

[HTML]

codice:

<div class="bar"></div>

il problema e che la barra non si allunga. Dove sbaglio?

**KillerWorm** · 24-12-2015, 21:29

Ciao e buone feste anche a te.
Ho provato il codice che hai postato e non vedo alcun errore. Funziona perfettamente.
Posto qui l'esempio funzionante:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <style type="text/css">
      body { background: #900}
      .bar { position:absolute; left:0; bottom:0; height:3px; width:0; background-color:#FFF; z-index:99999; }
    </style>
    <script type="text/javascript">
      $(document).ready(function() {
        $(".bar").animate({width: "800px"});
      });
    </script>
  </head>
  <body>
    <div class="bar"></div>
  </body>
</html>

Verifica di aver incluso correttamente la libreria jQuery.
Controlla che il colore di sfondo, in cui è posta la barra, sia diverso dal bianco, altrimenti è chiaro che la barra non si veda, essendo questa bianca.
Controlla inoltre che tu abbia usato opportunamente position:absolute. Mi viene da pensare che invece volessi usare position:fixed.
Tieni conto che il posizionamento absolute è comunque relativo al primo elemento ascendente (cioè il primo genitore in ordine gerarchico) che possiede un posizionamento diverso da static, o altrimenti al body.

Discussione: jQuery problema con animate

Strumenti discussione

Ricerca discussione

Visualizza

jQuery problema con animate

Permessi di invio