Home  >  jQuery

Example of .dequeue() in jQuery

May 01, 2013
.dequeue() in jQuery removes the next function in queue and then it is executed. Argument is optional but as arguments it takes queue name. Find the syntax with no argument.
.dequeue()
 
Sample example is given below.

<!DOCTYPE html>
<html>
<head>
<style>
div { margin:3px; width:30px; position:absolute;
height:30px; left:10px; top:30px;
background-color:black; }

</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<button>Test Dequeue</button>
<div></div>
<script>
$("button").click(function () {
$("div").animate({left:200},4000);
$("div").dequeue();
$("div").animate({top:100},4000);
});
</script>
</body>
</html>
 

Output
FIND MORE TUTORILAS






©2019 concretepage.com | Privacy Policy | Contact Us