gelten negative Wert mit Variablen, die mit .css mit jquery

Habe ich ein syntax-Problem, wie ich will, etwas zu tun, ganz einfach. Anwenden eines negativen Wertes zu einer Variablen, die mit .css.

Yo hier der code:

var figureImage = $('.js-image-centering');
var figureImageHeight = figureImage.height();
var figureImageWidth = figureImage.width();
var figureImageMarginLeft = (0-(figureImageWidth/2));
var figureImageMarginTop = (0-(figureImageHeight/2));

figureImage.css('margin-left', figureImageMarginLeft);
figureImage.css('margin-top', figureImageMarginTop);

Ich würde gerne vergessen figureImageMarginLeft und figureImageMarginTop. Also, ist es möglich, etwas wie dies?

figureImage.css('margin-left', -figureImageMarginLeft);

Wie schreibt man es richtig?

  • Sie nicht brauchen, zu tun (0-(figureImageWidth/2)) tun -figureImageWidth/2 ist in Ordnung.
  • Wenn Sie nicht wissen, dass figureImageMarginLeft ve oder +ve, dann können Sie tun, -Math.abs(figureImageMarginLeft) man negative Zahl immer.
  • Dies funktionierte perfekt, aber ich würde gerne wissen, für eine Zukunft, wie Sie für diesen negativen Wert auf .css-Bereich, wenn ich es brauche.
  • Steve Robinson Antwort war die richtige, aber ich würde gerne wissen, welche Methode wäre besser für die Geschwindigkeit, Qualität oder best practices
  • ok, also Steve ' s Antwort sieht toll aus. Ich ziehe aber pass javascript-Objekt in .css(), wie dies ermöglicht Ihnen, mehrere CSS-Eigenschaften auf einmal. wie: $("div").css({marginLeft : -margin});. Auf diese Weise können Sie auch etwas tun, wie $("div").css({marginLeft : -margin, color: '#F00', padding: 10});
  • In jQuery brauchen Sie nicht, um anzugeben px als Einheit für .css() oder .animate() oder .height() etc.

InformationsquelleAutor Daniel Ramirez-Escudero | 2014-01-30
  1. 6

    Ja, Absolut. Wenn Sie das tun,

    var a = 100;
$(".stuff").css("margin-left",-a)

    element würde sich die Regel: margin-left: -100px

    InformationsquelleAutor Steve Robinson
  2. 0

    Was figureImage.css('margin-left', "-" + figureImageMarginLeft + 'px');?

    • Wenn ich also, der Wert wird überhaupt nicht angezeigt. Also dieser code ist nicht so dass es überhaupt funktioniert. Haben Sie andere input?
    InformationsquelleAutor methyl
  3. 0

    Können Sie genau dies tun:

    var mL = -30;
$("div").css("marginLeft", mL + "px");

    Fiddle

    InformationsquelleAutor James Hibbard
  4. 0

    Wird den trick tun (wird positive Werte, negative und negative, positiv):

    figureImage.css('margin-left', -figureImageMarginLeft+"px");

    oder, wenn Sie wollen, dass es immer negativ:

    figureImage.css('margin-left', -Math.abs(figureImageMarginLeft)+"px");

    immer positiv:

    figureImage.css('margin-left', Math.abs(figureImageMarginLeft)+"px");

    Beispiel: http://jsfiddle.net/rN3cw/

    InformationsquelleAutor jacksbox
Schreibe einen Kommentar