জেকুয়েরি event.namespace প্রোপার্টি
সংজ্ঞা এবং ব্যবহার
যখন ইভেন্টটি চালু হয় তখন event.namespace প্রোপার্টি কাস্টম নেমস্পেসটি রিটার্ন করে।
এই প্রোপার্টিটি বিভিন্ন কার্য সম্পাদন করার জন্য অথরস প্লাগইনে নেমস্পেসের ব্যবহারের উপর নির্ভর করে এটি ব্যবহার করা হয়।
পরামর্শঃ আন্ডারস্কোর দ্বারা শুরু নেমস্পেস গুলো জেকুয়েরির জন্য সংরক্ষিত।
সিনট্যাক্স ও ব্যাখ্যা
event.namespace
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে event.namespace
প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
প্যারামিটার | বিবরণ |
---|---|
event | আবশ্যক। event প্যারামিটারটি event বাইন্ডিং(binding) ফাংশনের সাথে ব্যবহার করা হয় |
event.namespace প্রোপার্টি সংক্রান্ত উদাহরণ
কাস্টম নেমস্পেস সংযোগ এবং বাতিলঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").on("custom.someNamespace",function(event){
alert(event.namespace);
});
$("p").click(function(event){
$(this).trigger("custom.someNamespace");
});
$("button").click(function(){
$("p").off("custom.someNamespace");
});
});
</script>
</head>
<body>
<p>প্যারাগ্রাপটিতে ক্লিক করুন।</p>
<button>নেমস্পেস বাতিল করুন</button>
</body>
</html>
ফলাফল
নির্দিষ্ট ক্লিক ইভেন্ট ব্যবহার করে কাস্টম নেমস্পেস বাতিল
অন্য কোনো ক্লিক ইভেন্ট হ্যান্ডলার বাতিল করা ছাড়াই, নির্দিষ্ট ক্লিক ইভেন্ট ব্যবহার করে কিভাবে কাস্টম নেমস্পেস বাতিল করা যায় তা নিচের উদাহরনে দেখানো হলো
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").on("click.myNamespace", function(){
$(this).slideToggle();
});
$("button").click(function(){
$("p").off("click.myNamespace");
});
});
</script>
</head>
<body>
<p>ইহা একটি প্যারাগ্রাপ।</p>
<p>ইহা ভিন্ন একটি প্যারাগ্রাপ।</p>
<p>যে কোনো p এলিমেন্টকে অদৃশ্য করতে ক্লিক করুন।</p>
<button>সকল p এলিমেন্টে থেকে click.myNamespace এই নেমস্পেসটি বাতিল করুন</button>
</body>
</html>
ফলাফল