11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'utilise jQuery pour le drag and drop. Ces éléments sont contenus dans un div commun #container . J'ai en plus développé une fonction qui me permet de réduire le header de mon site qui est frère du #container.



<body>
    <header>
       <div id="tools">
          ....
       </div>
       <nav id="tabs">
          ....
       </nav>
    </header>
    <div id="container">
    ...
    </div>
</body>






$("#tools").click(function(){
		
		if ($("#tabs").css("top") != "-82%") {
			
			$("#tabs").css("top","-82%");
			$("#container").css("top", $("#tools").height() + "px");
			$("#container").css("height","98%");
		}
		else {
			
			$("#tabs").css("top","18%");
			$("#container").css("top","170px");
			$("#container").css("height","78%");
		}

	});




Donc comme le montre mon js, je resize mon container et le remonte.
Le problème est que mes éléments draggables ne peuvent plus être sélectionné au dessus de l'ancienne position de mon container c'est à dire au dessus de la position 170px (si vous voyez ce que je veux dire)

Je sais que l'erreur vient de la ligne :

$("#container").css("top", $("#tools").height() + "px");


car il suffit de l'enlever pour que ça fonctionne.

Avez vous une idée s'il vous plaît ?
Merci


EDIT : je me suis rendu compte que l'élément n'était pas cliquable du tout. Ce qui m'amène à penser que le problème ne vient pas spécialement du drag.
Modifié par iMoT3pH (19 Mar 2012 - 14:17)