PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


การใช้งาน method .clearQueue() ใน jQuery 1.4 javascript library เวอร์ชั่นล่าสุด

26 January 2010 By
clearqueue jquery


ดาวน์โหลดไฟล์ js เวอร์ฃั่นล่าสุดได้ที่เว็บไซต์ http://jquery.com/

.clearQueue()
ใช้สำหรับยกเลิกฟังก์ชั่นใดๆ ก็ตามที่อยู่ใน method .queue()
รูปแบบการใช้งาน
.clearQueue( [ queueName ] )
queueName คือ ข้อความที่แสดงชื่อของ queue หากไม่กำหนด ค่าเริ่มต้นจะเป็น fx

เมื่อมีการเรียกใช้ method .clearQueue() จะทำให้ฟังก์ชั่นใดๆ ก็ตามที่อยู่ใน method .queue() จะถูกยกเลิก หากเรียกใช้งาน .clearQueue() โดยไม่ได้กำหนดค่่า อาร์กิวเมนต์ หรือ queueName จะเป็นการยกเลิก ฟังก์ชั่นทั้งหมดจาก queueName ที่ชื่อ fx ชื่องเป็นค่าเริ่มต้น

CSS code ตัวอย่าง

<style type="text/css">
div#testit{
width:35px;
height:35px;
border:1px solid #EAEAEA;
background-color:#99CC99;
position:relative;
display:none;
}
</style>

HTML code ตัวอย่าง

<div id="testit"></div>

jQuery Code ตัวอย่าง

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
	var leftIT=$("div#testit").offset().left;
	$("#start").click(function(){
		$("div#testit").show("slow");
		$("div#testit").animate({left:'+=200'},5000);
		$("div#testit").queue(function(){
			$(this).css({
				"border":"1px solid #FFFF99",
				"background-color":"#FFCC33"
			});
		});	
	});
	$("#stop1").click(function(){
		$("div#testit").stop();
	});
	$("#stop2").click(function(){
		$("div#testit").stop(true);
	});	
	$("#stop3").click(function(){
		$("div#testit").clearQueue();
	});
	$("#stop4").click(function(){
		$("div#testit").clearQueue().stop();
	});		
	$("#Reset").click(function(){
		$("div#testit").css({
			"left":leftIT,
			"width":"35px",
			"height":"35px",
			"border":"1px solid #EAEAEA",
			"background-color":"#99CC99",
			"position":"relative",
			"display":"none"
		});
		$("div#testit").clearQueue().stop();
	});
});
</script>

 


ยกเลิกการ animate แต่ฟังก์ชันใน method .queue() ยังคงอยู่ และทำงาน
ยกเลิกการ animate และฟังก์ชันใน method .queue() ถูกยกเลิก
การ animate ยังคงอยู่ แต่ฟังก์ชันใน method .queue() ถูกยกเลิก
ยกเลิกการ animate และฟังก์ชันใน method .queue() ถูกยกเลิก








Tags:: clearqueue jquery






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง