jQuery ডাটা - queue() মেথড
উদাহরণ
কোয়াইলের দৈর্ঘ্য দেখান:
function showIt() {
var n = div.queue("fx");
$("span").text( n.length );
setTimeout(showIt, 100);
}
বিবরণ ও ব্যবহার
queue() মেথড ম্যাচিং এলিমেন্টসের ওপর কার্যকর ফাংশন কোয়াইলকে প্রদর্শন করে বা অপারেশন করে
সিন্ট্যাক্স
.queue(queueName)
| পারামিটার | বর্ণনা |
|---|---|
| queueName | অপশনাল।স্ট্রিং মানের মান, কোয়াইলের নাম ধারণ করে।ডিফল্ট fx, প্রমাণিত ইফেক্ট কোয়াইল |
কোয়াইল অপারেশন
queue() মেথড ম্যাচিং এলিমেন্টসের ওপর কার্যকর ফাংশন কোয়াইলকে অপারেশন করে
সিন্ট্যাক্স
.queue(queueName,newQueue)
| পারামিটার | বর্ণনা |
|---|---|
| queueName | অপশনাল।স্ট্রিং মানের মান, কোয়াইলের নাম ধারণ করে।ডিফল্ট fx, প্রমাণিত ইফেক্ট কোয়াইল |
বিস্তারিত ব্যাখ্যা
প্রত্যেক উপাদানকেই জুয়েল দ্বারা যেকোন একটি বা একাধিক ফাংশন কোয়াইল থাকতে পারে।অধিকাংশ অ্যাপ্লিকেশনে, একটি কোয়াইল (যার নাম fx) ব্যবহার করা হয়।কোয়াইল উপাদানের ওপর অসময়ে কর্মকাণ্ডের কার্যক্রম বাস্তবায়ন করে, যা প্রোগ্রামের সময়কাল শেষ করে না।সাধারণত, একটি উপাদানের ওপর একাধিক এনিমেশন মেথড বাস্তবায়ন একটি উদাহরণ হতে পারে:
$('#foo').slideUp().fadeIn();
এই বিন্যাস চলাকালীন, এলিমেন্টটি তার স্লাইডিং অ্যানিমেশন শুরু করবে, কিন্তু ফ্যাদিং ট্রানজিশনটি fx কোয়ুইয়ারে থাকবে, যার ফলে স্লাইডিং অ্যানিমেশন সমাপ্ত হওয়ার পরই ফ্যাদিং ট্রানজিশন চালু হবে。
.queue() মহত্বপূর্ণ পদ্ধতি দিয়ে এই ফাংশন কোয়ুইয়ারের উপর প্রত্যক্ষভাবে অপারেশন করতে দেয়। কাল্টার্ব্যাক ফাংশন সহ .queue() পদ্ধতির ব্যবহার, বিশেষত কোয়ুইয়ারের শেষে একটি নতুন ফাংশন যোগ করার জন্য অত্যন্ত সুবিধাজনক।
এই প্রকৃতির এই বৈশিষ্ট্য, একইভাবে অ্যানিমেশন মথার কাল্টার্ব্যাক ফাংশন প্রদান করে, কিন্তু এখানে অ্যানিমেশন চলাকালীন কাল্টার্ব্যাক ফাংশন সংযোজিত করা নোংরহয়।
$('#foo').slideUp();
$('#foo').queue(function() {
alert('Animation complete.');
$("this").dequeue();
});;
এটা সমান হয়:
$('#foo').slideUp(function() {
alert('Animation complete.');
);
মনে রাখুন যে, .queue() দিয়ে ফাংশন যোগ করার সময়, আমাদের অন্ততঃ .dequeue() ডাকতে হবে যাতে পরবর্তী কোয়ুইয়ার ফাংশন চালু হতে পারে。
উদাহরণ 1
কাস্টম ফাংশনকে কোয়ুইয়ার অপারেশন করুন:
$("document.body").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},2000);
$("div").queue(function () {
$("this").addClass("newcolor");
$("this").dequeue();
});;
$("div").animate({left:'-=200'},500);
$("div").queue(function () {
$("this").removeClass("newcolor");
$("this").dequeue();
});;
$("div").slideUp();
);
উদাহরণ 2
কোয়ুইয়ার স্ট্রিং টাইপ দিয়ে কোয়ুইয়ার দূরীকরণ করুন:
$("#start").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},5000);
$("div").queue(function () {
$("this").addClass("newcolor");
$("this").dequeue();
);
$("div").animate({left:'-=200'},1500);
$("div").queue(function () {
$("this").removeClass("newcolor");
$("this").dequeue();
);
$("div").slideUp();
);
$("#stop").click(function () {
$("div").queue("fx", []);
$("div").stop();
);
