jQuery animieren Breite rechts

Möchte ich animieren, div nach rechts schieben, wie im Beispiel unten:

http://jsfiddle.net/56hxy/3/

aber statt der Verschiebung der Marge, ich will "squish" der Breite, aber es ist nicht die Arbeit, indem Sie die Breite in % ( width: '60%' ) es squishes auf der linken Seite statt..

Bitte klären Sie. Vorzugsweise mit Bildern. ein link zu hantieren würden nutzlos werden, sobald es entfernt/geändert
Welche Breite willst du squish?

InformationsquelleAutor bushdiver | 2013-01-12

  1. 23

    Nicht sicher, ob dies ist genau das, was Sie suchen, aber versuchen Sie:

    $('#content').animate({
    marginLeft: '40%',
    width:'60%'
});

    Geige

    Oder geben right:0 zu #content im CSS, dann können Sie animieren, die width und es wird schrumpfen von Links nach rechts, ohne die Ränder. Gleiche Wirkung wie die oben, aber sauberer. Geige

    Auch, jQuery hat eine eingebaute "toggle event" für wechselnde Klicks also, wenn Sie wechseln nur das click-Ereignis können Sie:

    $('#content').toggle(function() { 
    $(this).animate({ width:'60%' }); 
}, function() {
    $(this).animate({ width:'100%' }); 
});

    Geige

    macht absolut Sinn, danke
    hmm, das Umschalten Veranstaltung ist genial. Wenn ich schalten Sie die targeted-element (animierte elem) mit einem toggle-event an anderer Stelle, wird der toggle-Ereignis zugeordnet '#content' erkennen, dass die zielgerichtete element bereits aktiviert?
    Eh ich denke nicht. Knebel ist sehr begrenzt. Ich bin mir ziemlich sicher, dass es nur schaltet, wenn Sie abgefeuert aus dem gleichen handler. Sie könnte theoretisch .trigger('click') auf das element, das hat eine toggle-Ereignis zugeordnet und es würde dann funktionieren. Toggle ist vor allem für einfache Sachen, obwohl, wenn Sie benötigen eine robuste Lösung, halten Sie Ihre manuelle Umschalten. =]
    Ich sehe, es ist noch Recht handlich und Dank
    Dies ist ein Beispiel für das, was ich meinte im letzten Kommentar: jsfiddle.net/XVZRc - Sie sehen können, wird es ein wenig komplizierter, so halten eine Flagge, wie Sie Tat, zunächst ist wohl übersichtlicher dann.

    InformationsquelleAutor Fabrício Matté

Schreibe einen Kommentar