jquery animieren mit percenteges

Gibt es eine Möglichkeit, ich kann animieren, ein div mit Prozentzahlen mit jquery?

Ich habe versucht diese:

$('.box1').animate({width:($(".wrapper").width()*.100)},"fast");})
$('.box1').animate({width:'100%'},"fast");})
$('.box1').animate({width:100%;})

keines der oben genannten Arbeit...

irgendwelche Ideen?

UPDATE

var p_e_h= 1.0;
var p_e_w= 1.0;
 $('.box1').animate({width:($(".wrapper").width()* p_e_w)},"fast");
       $('.box1').animate({height:($(".wrapper").height()* p_e_h)},"fast");

Breite funktioniert, aber die Höhe nicht. Es sei denn, ich klicke nochmals auf die Schaltfläche.

  • width: 100%; behandelt würde, als zu versuchen, die modulo 100 mit einem Semikolon als der divisor - ein syntax-Fehler.
  • *.100 ist nicht wirklich 100%.
InformationsquelleAutor | 2011-11-28
  1. 6
    var fiftyPrct = 0.5, //50%
    hundredPrct = 1; //100%

$('.box1').animate({ width: ($('.wrapper').width() * fiftyPrct) }, 'fast');
$('.box2').animate({ width: ($('.wrapper').width() * hundredPrct) }, 'fast');

    Sollte funktionieren.

    Update

    Da du machst 2 verschiedene .animate Anrufe, die Animationen werden in die Warteschlange gestellt und nacheinander ausgeführt. Nur tun Sie mit der gleichen animation nennen:

    var p_e_h= 1.0;
var p_e_w= 1.0;

$('.box1').animate({
    width: ($(".wrapper").width() * p_e_w),
    height:($(".wrapper").height() * p_e_h)
},"fast");

    Beispiel, dass es funktioniert: jsFiddle

    • hey danke für, die. es funktioniert aber nur mit der Breite. Ich habe es, der einer Taste zugeordnet. wenn ich auf die Schaltfläche klicke, wird die Breite erweitert, aber die Höhe nicht, bis ich auf die Taste erneut. Sie könnten überprüfen mein update bitte? Dank
    • hmmm. Noch tut die gleiche Sache. ist poste ich den code?
    • Möglicherweise müssen Sie Ihren browser-cache leeren, weil es gut funktioniert: jsFiddle
    • Chad ' s fiddle funktioniert hier gut in Safari.
    • Ahh, gelöst. Es war ein anderer code hatte ich drin. prost Jungs.
    InformationsquelleAutor Chad
Schreibe einen Kommentar