জেকুয়েরি die() মেথড
সংজ্ঞা এবং ব্যবহার
জেকুয়েরি ১.৭ ভার্সনে die() মেথড বাদ দেওয়া হয় এবং জেকুয়েরি ১.৯ ভার্সনে একে সম্পূর্ন রিমুভ করা হয়েছে। এর পরিবর্তে off() মেথড ব্যবহার করুন।
নির্বাচিত এলিমেন্টে live() মেথডের সাহায্যে যে ইভেন্ট হ্যান্ডলার যোগ করা হয়েছে die() মেথডের সাহায্যে সেগুলো বাদ দেওয়া হয়।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).die(event,function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে die() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। যে এক বা একাধিক ইভেন্ট হ্যান্ডলার বাদ দেওয়া হবে তা নির্দেশ করে। একাধিক ইভেন্ট ভ্যালু স্পেসের সাহায্যে আলাদা করা হয়। ইভেন্ট অবশ্যই ভ্যালিড হতে হবে। |
| function | ঐচ্ছিক। ইভেন্টের জন্য একটি ফাংশন নির্দেশ করে। |
die()মেথড সংক্রান্ত উদাহরণ
<p> এলিমেন্টের জন্য live() মেথডের মাধ্যমে যুক্ত হওয়া ইভেন্ট হ্যান্ডলার রিম্ভু করেঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").live("click", function(){
$(this).slideToggle();
});
$("button").click(function(){
$("p").die();
});
});
</script>
</head>
<body>
<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি অন্য একটি অনুচ্ছেদ</p>
<p>এটি অদৃশ্য করতে কোন p উপাদানে ক্লিক করুন।</p>
<button>p এলিমেন্টে live()মেথড যুক্ত করে আর ইভেন্ট হেন্ডলারকে বাতিল করে।</button>
</body>
</html>
ফলাফল
নির্দিষ্ট ইভেন্ট হ্যান্ডলার বাদ দেওয়া
নিম্নের উদাহরণে আমরা দেখবো কিভাবে নির্বাচিত এলিমেন্ট থেকে die() মেথড ব্যবহার করে একটি নির্দিষ্ট ইভেন্ট হ্যান্ডলার বাদ দেওয়া যায়ঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
function changeSize(){
$(this).animate({fontSize: "+=3px"});
}
function changeSpacing(){
$(this).animate({letterSpacing: "+=2px"});
}
$(document).ready(function(){
$("p").live("click", changeSize);
$("p").live("click", changeSpacing);
$("button").click(function(){
$("p").die("click", changeSize);
});
});
</script>
</head>
<body>
<p>এটি একটি অনুচ্ছেদ।</p>
<p>এটি অন্য একটি অনুচ্ছেদ।</p>
<p>কোন p উপাদানের আকার এবং letterspacing বৃদ্ধির ইফেক্ট দেখার জন্য ক্লিক করুন।</p>
<button>p এলিমেন্ট থেকে changeSize() হেন্ডলার ইভেন্টটি সরান এবং live() মেথডটি যুক্ত করুন।</button>
</body>
</html>
ফলাফল