Impossible de définir la position absolue de mon div à l'aide de jQuery

@Purmou

Salut, Veuillez considérer ce qui suit un fichier html5. Les div sont toujours de positionnement à 0,0 et les frontières sont aussi n'apparaissant pas. J'ai essayé les diverses modifications apportées à la joint mais il ne semble pas fonctionner.

Seront très reconnaissants de votre aide Purmou et tous les autres, la lecture de cette note. En ce qui concerne, sbguy

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Absolute Positioning Test</title>
<style type="text/css">
html, body {
    position:absolute; 
    top:0;
    left:0;
    margin:0px;
    padding:0px 0px 0px 0px;
    height:100%;
    width:100%;
}
div {
    margin:0px;
    padding:0px 0px 0px 0px;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/JavaScript">
var A_height = 100;
var A_width = 100;
var A_top = 20;
var A_left = 20;
var B_height = 100;
var B_width = 100;
var B_top = 200;
var B_left = 200;
jQuery("#A").css({ 
    "position": "absolute",
    "width": A_width + "px",
    "height": A_height + "px",
    "top": A_top + "px",
    "left": A_left + "px",
    "border": "1px solid black",
    });
jQuery("#B").css({
    "position": "absolute",
    "width": B_width + "px",
    "height": B_height + "px",
    "top": B_top + "px",
    "left": B_left + "px",
    "border": "1px solid black",
    });
</script>
</head>
<body>
<div id="A">
<p>HELLO A</p>
</div>
<div id="B">
<p>HELLO B</p>
</div>
</body>
</html>
Je pense qu'il y a un problème avec vos variables, vous pouvez poster le code complet avec div1A_topm b6x14height. J'ai tester que son travail. quand manuel valeurs pour le déclarer des variables.

OriginalL'auteur user1104170 | 2011-12-18

  1. 9

    Essayez d'utiliser ceci:

    jQuery("#div1A").css({
    "position":"absolute", 
    "top": $("#div1A").offset().top + "px",
    "left": $("#div1A").offset().left + "px",
});

    EDIT: apparemment, Vous avez voulu définir les variables div1A_top et div1A_left comme le top et left CSS valeurs:

    jQuery("#div1A").css({
    "position":"absolute", 
    "top": div1A_top + "px",
    "left": div1A_left + "px",
});
    Grâce Purmou. Mais cela va prendre la position actuelle de l'élément et d'en faire un absolu. J'ai besoin d'utiliser des variables javascript pour définir le haut et la gauche endroits explicitement. Pouvez-vous s'il vous plaît suggérer une solution. Merci et meilleures salutations, sbguy
    Voir mon edit. Je ne comprends pas pourquoi vous avez eu $(window).

    OriginalL'auteur Purag