জেকুয়েরি live() মেথড
সংজ্ঞা এবং ব্যবহার
জেকুয়েরি ১.৭ ভার্সনে live() মেথডের অনুমোদন বাদ দেওয়া হয় এবং জেকুয়েরি ১.৯ ভার্সনে একে সম্পূর্ন বাদ দেওয়া হয়। এর পরিবর্তে on() মেথড ব্যবহার করুন।
live() মেথড নির্বাচিত এলিমেন্টের জন্য এক বা একাধিক ইভেন্ট হ্যান্ডলার যোগ করে এবং ইভেন্ট ঘটলে একটি ফাংশনকে রান হতে নির্দেশ দেয়।
live() মেথডের সাহায্যে যোগ করা ইভেন্ট হ্যান্ডলার পরবর্তীতে তৈরি এলিমেন্টের জন্যও কাজ করে।
টিপস: ইভেন্ট হ্যান্ডলার বাদ দিতে die() মেথড ব্যবহার করুন।
qqqqq() মেথড সংক্রান্ত উদাহরণ
বাটনে ক্লিক করলে একটি <p> এলিমেন্টকে দেখানো অথবা লুকানো:
সিনট্যাক্স ও ব্যাখ্যা
$(selector).live(event,data,function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে live() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। যে এক বা একাধিক ইভেন্ট হ্যান্ডলার যোগ করা হবে সেটিকে নির্দেশ করে। একাধিক ইভেন্ট ভ্যালু স্পেসের সাহায্যে আলাদা করা হয়। ইভেন্ট অবশ্যই ভ্যালিড হবে। |
| data | ঐচ্ছিক। ফাংশনে অতিরিক্ত ডাটা পাস করতে নির্দেশ করা হয়। |
| function | আবশ্যক। ইভেন্টের জন্য একটি ফাংশন নির্দিষ্ট করে হয়। |
live মেথড সংক্রান্ত উদাহরণ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").live("click", function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>এটি একটি প্যারাগ্রাফ।</p>
<button>এখান ক্লিক করুন!</button>
<br><br>
<div><b>নোট:</b> live() মেথডটি জেকুয়েরি ১.৭ ভার্সনে অনুমোদন বাদ দেওয়া হয়েছে, এবং ১.৯ এ পুরোপুরি রিমুভ করা হয়েছে। এই উদাহরণটি কাজ করারনোর জন্য এখানে আমরা জেকুয়েরির পূর্ববর্তী ভার্সন(১.৭) ব্যবহার করেছি।</div>
</body>
</html>
ফলাফল
পরবর্তীতে তৈরি এলিমেন্টের জন্য ইভেন্ট হ্যান্ডলার যুক্ত করা
কিভাবে live() মেথডের সাহায্যে পরবর্তীতে তৈরি এলিমেন্টের জন্য ইভেন্ট হ্যান্ডলার যোগ করা যায় তা নিচের উদাহরনে দেখানো হলোঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"gt;</script>
<script>
$(document).ready(function(){
$("p").live("click", function(){
$(this).slideToggle();
});
$("button").click(function(){
$("<p>This is a new paragraph.</p>").insertAfter("button");
});
});
</script>
</head>
<body>
<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি অদৃশ্য করার জন্য যেকোন p এলিমেন্টে ক্লিক করুন। এর মধ্যে এটিও অন্তর্ভুক্ত আছে।</p>
<button>এই বাটনটির পরে একটি নতুন p এলিমেন্ট ইনসার্ট করুন।</button>
<p><b>নোট:</b>bind() ফাংশনের বদলে live() মেথডটি ব্যবহারের ফলে, নতুন p এলিমেন্টিও ক্লিক করলে অদৃশ্যহয়ে যায়।</p>
<div><b>নোট:</b>live() মেথডটি জেকুয়েরি ভার্সন ১.৭ এ অনুমোদিত ছিল, এবং ভার্সন ১.৯ থেকে তা রিমুভ করা হয়। এই উদ্বাহনটির
জন্য আমরা জেকুয়েরির আগের ভার্সনটি ব্যবহার করেছি।</div>
</body>
</html>
ফলাফল