jQuery: déplace l'élément par la valeur relative

Question

(ce qui signifie une valeur de gauche des éléments): quelle est la manière la plus simple de déplacer un élément - par ex. 10px à gauche (à partir de sa position actuelle)?

thx

Answer 1

Il se peut que jQuery soit trop puissant et que vous définissiez une marge gauche: -10px fera l'affaire.

Vous pouvez obtenir un décalage de l'élément() par rapport au document: http://docs.jquery.com/CSS/offset

Ce serait vous donner la gauche, en haut, etc.

Ensuite, vous devrez peut-être positionner l'élément en utilisant le CSS comme ça.

subMenu.css({ 
      position: 'absolute', 
      zIndex: 5000, 
      left: left, 
      top: top 
     }); 

Answer 2

supposant que votre élément a l'id 'myElement':

$('#myElement').css(
{ 
    'position': 'relative', 
    'left': '-10px' 
}); 

Answer 3

Voici un exemple rapide en utilisant jQuery:

$("#el").css({ 
    left: $("#el").position().left - 10 + "px" 
}); 

Note: l'élément que vous souhaitez déplacer doit soit être positionné absolument ou relativement.

Answer 4

Puisque aucune des autres réponses ne sont de véritables solutions de style jQuery, je vais ressusciter cet ancien problème.

Cette solution peut déplacer tous les éléments sélectionnés par une valeur relative:

$('.selected').each(function() { 
    $(this).css({ left: $(this).position().left - 10 }); 
}); 

Answer 5

Au 1.6 vous pouvez utiliser les valeurs relatives à css() vous pouvez donc utiliser:

$('#myElement).css("left", "+=15"); 

Tant comme l'élément a déjà une valeur définie pour left et est absolument positionné.

Ref: http://api.jquery.com/css/