jQuery ডাটা - jQuery.queue() পদ্ধতি

jQuery ডেটা রেফারেন্স ম্যানুয়াল

উদাহরণ

কোয়াইলের দৈর্ঘ্য দেখা:

function showIt() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(showIt, 100);
}

স্বয়ং প্রয়োগ করুন

সংজ্ঞা ও ব্যবহার

queue() পদ্ধতি ম্যাচকুক্ত এলিমেন্টের ওপর কার্যকরি হওয়া কোয়াইলকে দেখা বা পরিচালনা করে。

মন্তব্য:এটি নিচের স্তরের পদ্ধতি; এটি ব্যবহার করা হয় .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();
);

স্বয়ং প্রয়োগ করুন

jQuery ডেটা রেফারেন্স ম্যানুয়াল