11540 sujets

JavaScript, DOM et API Web HTML5

[Problème] avec le plugin jQuery Ascensor

Hello,

Voilà je suis en train de crée un site onepage avec le plugin "Ascensor.js"

dont voilà la doc: kirkas.ch

J'ai refait les instructions des centaines de fois, mais impossible de le
faire fonctionner totalement. Mon contenu se resize selon la page, mais
impossible de faire fonctionner les liens qui mène au diffèrents "floors".

Si quelqu'un à la moindre idée de ce qui pourrait être en cause, merci
d'avance pour les suggestions.

<body>	
	<nav id="navigationMap">
		<ul>
			<li class="ElevatorLink ElevatorLink1">link 1</li>
			<li class="ElevatorLink ElevatorLink2">link 2</li>
			<li class="ElevatorLink ElevatorLink3">link 3</li>
			<li class="ElevatorLink ElevatorLink4">link 4</li>
			<li class="ElevatorLink ElevatorLink5">link 5</li>
		</ul>
	</nav>
	
	<div id="borderTop"></div>
	<div id="borderRight"></div>
	<div id="borderBottom"></div>
	<div id="borderLeft"></div>
	
	<div id="ascensorBuilding">
		<section id="ElevatorFloor1" class="ElevatorFloor">
			
		</section>
		
		<section id="ElevatorFloor2" class="ElevatorFloor">
			
		</section>
		
		<section id="ElevatorFloor3" class="ElevatorFloor">
			
		</section>
		
		<section id="ElevatorFloor4" class="ElevatorFloor">
			
		</section>
		
		<section id="ElevatorFloor5" class="ElevatorFloor">
			
		</section>
	</div>
	
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="../js/plugins.js"></script>
	<script src="../js/ascensor.js"></script>
	<script src="../js/script.js"></script>
</body>
</html>


#ascensorBuilding{
	overflow: hidden;
}

nav {
	position: fixed;
	top:100px;
	left:20px;
	width: 140px;
	height:40px;
	z-index: 999;
}


$(document).ready(function(){
	$('#ascensorBuilding').ascensor({
		AscensorName:'Elevator',
		ChildType:'section',
		AscensorFloorName:'Home | Contact | Skills | Clients | Press',
		Time:1000,
		Easing:'easeInOutCubic',
		WindowsOn:2,
		Direction:'chocolate',
		AscensorMap:'1|1 & 2|1 & 3|1 & 4|1 & 5|1',
		KeyNavigation: true,
		Queued:false,
		QueuedDirection:"x"
	});
});
Bonjour,
J'arrive peut-être un peu tardivement, de fait, jquery-ascensor ne fonctionne pas avec jquery1.9.1 et son complément migrate1.1.1, même dans sa dernière version.
Essayez avec jquery1.7.2 et tout rentre dans l'ordre. Pour vérifier, lancez les exemples fournis avec le plugins.
A++
Sujet clos
Aller à