របៀបប្រើផ្ទាំង (Tab) នៅក្នុង Bootstrap

ផ្ទាំង (tab) ត្រូវបានប្រើដើម្បីបែងចែកផ្ទាំងមាតិការឲ្យចូលទៅក្នុងផ្ទាំងផ្សេងទៀតដែលជាកន្លែងអាចមើលនៅពេលមួយ ។

១) Classes ជំនួយផ្ទាំង (The Tab Plugin Classes)

ឧទាហរណ៍ .nav nav-tabs

យើងបានលទ្ធផលដូចខាងក្រោម

ឧទាហរណ៍ .nav-justified

យើងបានលទ្ធផលដូចខាងក្រោម

ឧទាហរណ៍ .tab-content

យើងបានលទ្ធផលដូចខាងក្រោម

ឧទាហរណ៍ .tab-pane

យើងបានលទ្ធផលដូចខាងក្រោម

២) តាមរយៈ data-* Attributes

បន្ថែម data-toggle=“ផ្ទាំង” ដើម្បីទៅផ្ទាំងនីមួយៗ និងបន្ថែម .tab-pane class មួយដែលមាន ID តែមួយគត់សម្រាប់រាល់ផ្ទាំងទាំងអស់ ហើយខ្ចប់ពួកគេទៅក្នុង .tab-content class 

យើងបានលទ្ធផលដូចខាងក្រោម

៣) តាមរយៈ JavaScript
បើក manual ជាមួយ:

ឧទាហរណ៍ JavaScript

យើងបានលទ្ធផលដូចខាងក្រោម

៤) វិធីសាស្រ្តផ្ទាំង (Tab Methods)
តារាងដូចខាងក្រោមរាយវិធីសាស្រ្តផ្ទាំងដែលមានទាំងអស់។

៥) ព្រឹត្តិការណ៍ផ្ទាំង (Tab Events)
តារាងដូចខាងក្រោមរាយព្រឹត្តិការណ៍ផ្ទាំងដែលមានទាំងអស់។

ជំនួយ: ប្រើ jQuery របស់ event.target និង event.relatedTarget ដើម្បីទទួលបានផ្ទាំងសកម្ម និង ផ្ទាំងសកម្មមុន:

យើងបានលទ្ធផលដូចខាងក្រោម

ចែករំលែក​អត្ថបទនេះទៅកាន់៖

Exit mobile version