আপনি কি আমাকে বলতে পারবেন data-targetবুটস্ট্র্যাপ 3 দ্বারা ব্যবহৃত বৈশিষ্ট্যের পিছনে সিস্টেম বা আচরণ কী?
আমি জানি যে ডেটা-টগল গ্রাফিকাল কার্যকারিতার বুটস্ট্র্যাপের এপিআই জাভাস্ক্রিপ্ট লক্ষ্য করতে ব্যবহৃত হয়েছিল।
উত্তর:
data-targetআপনার জীবন আরও সহজ করতে বুটস্ট্র্যাপ দ্বারা ব্যবহৃত হয়। আপনার পূর্ববর্তী তৈরি জাভাস্ক্রিপ্ট উপাদানগুলি ব্যবহার করার জন্য আপনার (বেশিরভাগ ক্ষেত্রে) জাভাস্ক্রিপ্টের একটি লাইন লেখার দরকার নেই ।
data-targetঅ্যাট্রিবিউটে একটি CSS নির্বাচনকারী যে HTML উপাদান পয়েন্ট পরিবর্তন করা হবে যে থাকা উচিত।
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
[...]
</div>
এই উদাহরণে, বোতামটি রয়েছে data-target="#myModal", আপনি যদি এটিতে ক্লিক করেন তবে <div id="myModal">...</div>পরিবর্তন করা হবে ( এক্ষেত্রে বিবর্ণ হওয়া)। এটি ঘটে কারণ #myModalসিএসএস নির্বাচকরা এমন উপাদানগুলিকে নির্দেশ করে idযাগুলির সাথে myModalমানটির সাথে একটি বৈশিষ্ট্য থাকে ।
এইচটিএমএল 5 "ডেটা-" বৈশিষ্ট্য সম্পর্কে আরও তথ্য: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
data-targetকোনও সিএসএস নির্বাচনকারীকে গ্রহণ করে যা প্রাসঙ্গিক উপাদানটির দিকে নির্দেশ করে।
টগল বুটস্ট্র্যাপকে কী করতে হবে তা বলে এবং লক্ষ্যটি বুটস্ট্র্যাপকে জানায় যে কোন উপাদানটি খুলতে চলেছে। সুতরাং যখনই এর মতো লিঙ্কটি ক্লিক করা হবে তখন "বেসিকমোডাল" এর একটি আইডি সহ একটি মডেল উপস্থিত হবে।