މޮޑަލް އެވެ
ލައިޓްބޮކްސް، ޔޫޒަރ ނޮޓިފިކޭޝަން ނުވަތަ މުޅިން ކަސްޓަމް ކޮންޓެންޓް ހޯދުމަށް ސައިޓަށް ޑައިލޮގްތައް އިތުރު ކުރުމަށް ބޫޓްސްޓްރެޕްގެ ޖާވާސްކްރިޕްޓް މޮޑަލް ޕްލަގިން ބޭނުން ކުރާށެވެ.
އެކަން ކުރާ ގޮތް
ބޫޓްސްޓްރެޕްގެ މޮޑަލް ކޮމްޕޮނެންޓް ފެށުމުގެ ކުރިން އަޅުގަނޑުމެންގެ މެނޫ އޮޕްޝަންތަކަށް ދާދިފަހުން ބަދަލުވެފައިވާތީ ތިރީގައިވާ ކަންކަން ކިޔުން ޔަގީން ކުރައްވާށެވެ.
- މޮޑަލްތައް ބިނާކޮށްފައިވަނީ އެޗްޓީއެމްއެލް، ސީއެސްއެސް، އަދި ޖާވާސްކްރިޕްޓް އިންނެވެ. އެމީހުން ޑޮކިއުމަންޓްގައިވާ އެހެން ހުރިހާ އެއްޗެއްގެ މައްޗަށް ޕޮޒިޝަންކޮށްފައި ހުންނައިރު ސްކްރޯލް ނައްތާލާފައި ހުންނަނީ
<body>
މޮޑަލް ކޮންޓެންޓް އޭގެ ބަދަލުގައި ސްކްރޯލް ވާނެ ގޮތަކަށެވެ. - މޮޑަލް “ބެކްޑްރޯޕް” އަށް ކްލިކް ކުރުމުން އޮޓޮމެޓިކުން މޮޑަލް ބަންދުވާނެއެވެ.
- ބޫޓްސްޓްރެޕް އެއްފަހަރާ ސަޕޯޓް ކުރަނީ އެންމެ މޮޑަލް ވިންޑޯއެކެވެ. ނެސްޓްޑް މޮޑަލްތަކަކީ ޔޫޒަރުންގެ ތަޖުރިބާތައް ދަށް ކަމަށް އަޅުގަނޑުމެން ގަބޫލުކުރާތީ ސަޕޯޓް ނުކުރާ މޮޑަލްތަކެކެވެ.
- މޮޑަލްސް ބޭނުން ކުރަނީ
position: fixed
, މިއީ ބައެއް ފަހަރު އޭގެ ރެންޑަރިންގ އާއި ބެހޭގޮތުން ތަންކޮޅެއް ވަކި ގޮތަކަށް ވެދާނެ ކަމެކެވެ. ވީހާވެސް ގިނައިން ތިމާގެ މޮޑަލް އެޗްޓީއެމްއެލް މަތީ ފެންވަރުގެ މަގާމެއްގައި ބަހައްޓައިގެން އެހެން އުފެއްދުންތަކުގެ ސަބަބުން ކުރިމަތިވެދާނެ ތަދައްޚުލުވުންތަކުން ސަލާމަތްވެވޭނެއެވެ..modal
އެހެން ފިކްސްޑް އެލިމެންޓެއްގެ ތެރޭގައި ނެސްޓް ކުރާއިރު މައްސަލަތަކެއް ދިމާވުން އެކަށީގެންވެއެވެ . - އަނެއްކާވެސް , ގެ ސަބަބުން
position: fixed
މޯބައިލް ޑިވައިސްތަކުގައި މޮޑަލް ބޭނުންކުރުމާ ގުޅޭގޮތުން ބައެއް ކެވިއޭޓްތައް އެބަހުއްޓެވެ. ތަފްސީލު ހޯދުމަށް އަޅުގަނޑުމެންގެ ބްރައުޒާ ސަޕޯޓް ޑޮކްސް ބައްލަވާށެވެ . - އެޗްޓީއެމްއެލް5 އިން އޭގެ ސެމެންޓިކްސް މާނަކުރާ ގޮތުގެ ސަބަބުން، އެޗްޓީއެމްއެލް
autofocus
އެޓްރިބިއުޓް އަށް ބޫޓްސްޓްރެޕް މޮޑަލްތަކުގައި އެއްވެސް އަސަރެއް ނުކުރެއެވެ. ހަމަ އެ އަސަރު ހާސިލް ކުރުމަށްޓަކައި، ކޮންމެވެސް ކަސްޓަމް ޖާވާސްކްރިޕްޓެއް ބޭނުން ކުރާށެވެ:
މި ކޮމްޕޮނެންޓްގެ އެނިމޭޝަން އިފެކްޓް ބިނާވެފައިވަނީ prefers-reduced-motion
މީޑިއާ ކިއުއަރީގެ މައްޗަށެވެ. އަޅުގަނޑުމެންގެ އެކްސެސިބިލިޓީ ޑޮކިއުމަންޓޭޝަންގެ ރިޑޫސްޑް މޮޝަން ބައި ބައްލަވާށެވެ .
ޑެމޯތަކާއި ބޭނުންކުރުމުގެ ގައިޑްލައިންތަކަށް ކިޔަމުން ގެންދާށެވެ.
މިސާލުތަކެވެ
މޮޑަލް ކޮމްޕޯނެންޓްސް
ތިރީގައި މިވަނީ ސްޓޭޓިކް މޯޑަލް މިސާލެއް (މާނައަކީ އޭގެ position
އަދި display
އޯވަރރައިޑް ކުރެވިފައިވާ ކަމެވެ). އޭގެ ތެރޭގައި މޮޑަލް ހެޑަރ، މޮޑަލް ބޮޑީ (އަށް ބޭނުންވާ padding
)، އަދި މޮޑަލް ފޫޓަރ (އިޚްތިޔާރީ) ހިމެނެއެވެ. އަޅުގަނޑުމެން އެދެނީ ކުރެވެން އޮތް ކޮންމެ ވަގުތެއްގައި ޑިސްމިސް އެކްޝަންތަކާއެކު މޮޑަލް ހެޑަރސް ހިމަނައިދިނުމަށާއި، ނުވަތަ އެހެން ސާފުކޮށް ޑިސްމިސް އެކްޝަން ފޯރުކޮށްދިނުމަށެވެ.
ލައިވް ޑެމޯ
ތިރީގައިވާ ބަޓަންއަށް ފިތާލުމުން މަސައްކަތްކުރާ މޮޑަލް ޑެމޯއެއް ޓޮގްލް ކުރާށެވެ. އެއީ ތިރިއަށް ސްލައިޑްކޮށް ޕޭޖުގެ މަތިން ފޭޑް އިން ވާނެ އެއްޗެކެވެ.
ސްޓޭޓިކް ބެކްޑްރޯޕް
ބެކްޑްރޯޕް ސްޓޭޓިކް އަށް ސެޓް ކުރާއިރު، އޭގެ ބޭރުގައި ކްލިކް ކުރާއިރު މޮޑަލް ބަންދު ނުވާނެއެވެ. ތިރީގައިވާ ބަޓަންއަށް ފިތާލުމުން ޓްރައި ކޮށްލައްވާށެވެ.
ދިގު ކޮންޓެންޓް ސްކްރޯލް ކުރުން
މޮޑަލްތައް ޔޫޒަރުގެ ވިއުޕޯޓަށް ނުވަތަ ޑިވައިސްއަށް މާ ދިގުވެއްޖެނަމަ، އެ މޮޑަލްތައް ސްކްރޯލް ކުރަނީ ޚުދު ޕޭޖުން މިނިވަންވެގެންނެވެ. އަޅުގަނޑުމެން މާނަކުރާ އެއްޗެއް ބަލާލުމަށް ތިރީގައިވާ ޑެމޯ ޓްރައިކޮށްލައްވާށެވެ.
އަދި މޮޑަލް ބޮޑީ ސްކްރޯލް ކުރުމަށް ފުރުސަތު ލިބޭ ސްކްރޯލް ކުރެވޭ މޮޑަލް އެއް ވެސް އުފެއްދިދާނެ ކަމަށާއި އެއީ އަށް އިތުރުކޮށްގެން .modal-dialog-scrollable
ކަމަށް ވެސް ވިދާޅުވި އެވެ .modal-dialog
.
ވަރުގަދައަށް ސެންޓަރ ކޮށްފައި ހުރެއެވެ
މޮޑަލް ވަރުގަދައަށް ސެންޓަރ .modal-dialog-centered
ކުރުމަށް އަށް އެޑް ކުރާށެވެ ..modal-dialog
ޓޫލްޓިޕްސް އަދި ޕޮޕޯވަރސް އެވެ
ބޭނުންވާ ގޮތަށް ޓޫލްޓިޕްސް އާއި ޕޮޕޯވަރސް މޮޑަލްތަކުގެ ތެރޭގައި ބެހެއްޓިދާނެއެވެ. މޮޑަލްތައް ބަންދުކުރާއިރު، އެތެރޭގައި ހުރި އެއްވެސް ޓޫލްޓިޕްތަކާއި ޕޮޕޯވަރސް ވެސް އޮޓޮމެޓިކުން ބާތިލް ކުރެވެއެވެ.
ގްރިޑް ބޭނުންކޮށްގެންނެވެ
ގެ ތެރޭގައި ނެސްޓްކޮށްގެން މޮޑަލްއެއްގެ ތެރޭގައި ބޫޓްސްޓްރެޕް ގްރިޑް ސިސްޓަމް .container-fluid
ބޭނުންކުރުން .modal-body
. ދެން، އެހެން ތަނެއްގައި ބޭނުންކުރާ ގޮތަށް އާދައިގެ ގްރިޑް ސިސްޓަމް ކްލާސްތައް ބޭނުން ކުރާށެވެ.
ތަފާތު މޮޑަލް ކޮންޓެންޓް
ކުޑަކޮށް ތަފާތު ކޮންޓެންޓްތަކާއެކު ހުރިހާ ބަޓަންތަކެއް ޓްރިގަރ ކުރާ ހުރިހާ ބަޓަންތަކެއް ހުރިތޯއެވެ؟ ކްލިކް ކުރި ބަޓަނަކަށް ބަލާފައި މޮޑަލްގެ ކޮންޓެންޓް ތަފާތު ކުރުމަށް ބޭނުން event.relatedTarget
އަދި އެޗްޓީއެމްއެލް data-*
އެޓްރިބިއުޓްސް (ޕޮސިބިލީ ވިއާ ޖޭކުއަރީ ) އެވެ.
ތިރީގައި މިވަނީ ލައިވް ޑެމޯއެއްގެ ފަހުން މިސާލު އެޗްޓީއެމްއެލް އަދި ޖާވާސްކްރިޕްޓް އެވެ. އިތުރު މަޢުލޫމާތު ހޯދުމަށް، ގެ ތަފްސީލު ހޯދުމަށް މޮޑަލް އިވެންޓްސް ޑޮކްސް ކިޔައިލައްވާށެވެrelatedTarget
.
އެނިމޭޝަން ބަދަލުކުރުން
ވެރިއޭބަލް $modal-fade-transform
އިން ޓްރާންސްފޯމް ސްޓޭޓް ކަނޑައަޅަނީ .modal-dialog
މޮޑަލް ފޭޑް-އިން އެނިމޭޝަންގެ ކުރިން، $modal-show-transform
ވެރިއޭބަލް އިން ޓްރާންސްފޯމް އޮފް ކަނޑައަޅަނީ .modal-dialog
މޮޑަލް ފޭޑް-އިން އެނިމޭޝަން ނިމުމުންނެވެ.
މިސާލަކަށް ޒޫމް-އިން އެނިމޭޝަނެއް ބޭނުންނަމަ، ސެޓް ކުރެވިދާނެއެވެ $modal-fade-transform: scale(.8)
.
އެނިމޭޝަން ނައްތާލާށެވެ
ބަލާލުމަށް ފޭޑް އިން ވުމުގެ ބަދަލުގައި ފަސޭހައިން ފެންނަ މޮޑަލްތަކަށް، .fade
ތިބާގެ މޮޑަލް މާކަޕް އިން ކްލާސް ނައްތާލާށެވެ.
ޑައިނަމިކް އުސްމިންތަކެވެ
ހުޅުވާފައި ހުންނައިރު މޮޑަލްއެއްގެ އުސްމިނަށް ބަދަލު އަންނަނަމަ، $('#myModal').modal('handleUpdate')
ސްކްރޯލްބާރެއް ފެނިއްޖެނަމަ މޮޑަލްގެ މަޤާމު އަލުން ޖަސްޓް ކުރުމަށް ގުޅަންވާނެއެވެ.
އެކްސެސިބިލިޓީ
aria-labelledby="..."
މޮޑަލް ސުރުޚީއަށް ރިފަރެންސްކޮށް، އަށް އިތުރުކުރުން ޔަޤީންކުރައްވާށެވެ .modal
. aria-describedby
މީގެ އިތުރުން، ތިބާގެ މޮޑަލް ޑައިލޮގްގެ ބަޔާނެއް އޮން އިން ދީފާނެއެވެ .modal
. role="dialog"
އަޅުގަނޑުމެން މިހާރުވެސް ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް އެޑް ކުރާތީ އެޑް ކުރަން ނުޖެހޭކަން ފާހަގަކޮށްލަން ޖެހެއެވެ .
ޔޫޓިއުބް ވީޑިއޯތައް އެންބެޑް ކުރުން
ޔޫޓިއުބް ވީޑިއޯތައް މޮޑަލްތަކުގައި އެންބެޑް ކުރުމަށް ބޫޓްސްޓްރެޕްގައި ނުހިމެނޭ އިތުރު ޖާވާސްކްރިޕްޓް ބޭނުންވެ، ޕްލޭބެކް އޮޓޮމެޓިކުން ހުއްޓާލުމަށް އަދި އެއަށްވުރެ ގިނަ ކަންތައްތަކެވެ. އިތުރު މަޢުލޫމާތު ހޯދުމަށް މި އެހީތެރި ސްޓޭކް އޮވަރފްލޯ ޕޯސްޓް ބައްލަވާށެވެ .
އިޚްތިޔާރީ ސައިޒްތަކެވެ
މޮޑަލްތަކުގައި ތިން އިޚްތިޔާރީ ސައިޒެއް ހުންނައިރު، މޮޑިފައި ކްލާސްތަކުގެ ޒަރީއާއިން ލިބެން ހުންނަނީ އެއް .modal-dialog
. މި ސައިޒްތައް ވަކި ބްރޭކްޕޮއިންޓްތަކެއްގައި ކިކް އިން ކޮށްލަނީ ހަނި ވިއުޕޯޓްތަކުގައި ހޮރައިޒޮންޓަލް ސްކްރޯލްބާތަކުން ސަލާމަތްވުމަށްޓަކައެވެ.
ސައިޒް | ކްލާސް | މޮޑަލް މެކްސް-ވިޑްތް |
---|---|---|
ކުޑަ | .modal-sm |
300px |
ޑީފޯލްޓް | އެއްޗެއްނޫން | 500px |
ވަރަށް ބޮޑު | .modal-lg |
800px |
އިތުރަށް ބޮޑު | .modal-xl |
1140px |
އަޅުގަނޑުމެންގެ ޑިފޯލްޓް މޮޑަލް ވިތު މޮޑިފައިޓަރ ކްލާސް އެކުލެވިގެންވަނީ “މީޑިއަމް” ސައިޒް މޮޑަލް އެވެ.
ބޭނުން ކުރުން
މޮޑަލް ޕްލަގިން އިން ޑިމާންޑް ކުރުމުން ފޮރުވިފައިވާ ކޮންޓެންޓް ޓޮގްލް ކޮށްދެނީ، ޑޭޓާ އެޓްރިބިއުޓްސް ނުވަތަ ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށެވެ. އަދި ޓޫ އޮވަރރައިޑް ޑިފޯލްޓް ސްކްރޯލިންގ ބިހޭވިއަރ އަށް އިތުރުކޮށް، މޮޑަލްގެ ބޭރުން ކްލިކް ކުރާއިރު ދައްކާފައިވާ މޮޑަލްތައް ޑިސްމިސް ކުރުމަށް ކްލިކް އޭރިއާއެއް ފޯރުކޮށްދިނުމަށް a ޖެނެރޭޓް .modal-open
ކުރެއެވެ .<body>
.modal-backdrop
ޑޭޓާ އެޓްރިބިއުޓްސް މެދުވެރިކޮށް
ޖާވާސްކްރިޕްޓް ނުލިޔެ މޮޑަލްއެއް އެކްޓިވޭޓް ކުރާށެވެ. data-toggle="modal"
ކޮންޓްރޯލަރ އެލިމެންޓެއްގައި، ބަޓަންއެއް ފަދައިން، އެއް data-target="#foo"
ނުވަތަ href="#foo"
ޓޮގްލް ކުރުމަށް ވަކި މޮޑަލަކަށް އަމާޒު ކުރުމަށް ސެޓް ކުރާށެވެ .
ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް
myModal
ޖާވާސްކްރިޕްޓްގެ އެއް ލައިނަކާއެކު id އާއެކު މޮޑަލް އަކަށް ގޮވާލާށެވެ :
އިޚްތިޔާރުތައް
ޑޭޓާ އެޓްރިބިއުޓްސް ނުވަތަ ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް އޮޕްޝަންތައް ޕާސް ކުރެވޭނެ އެވެ. ޑޭޓާ އެޓްރިބިއުޓްތަކަށް، data-
ގައިވާ ފަދައިން، އޮޕްޝަން ނަން އަށް އިތުރުކުރުން data-backdrop=""
.
ނަން | ވައްތަރު | ޑީފޯލްޓް | ތަފްޞީލު |
---|---|---|---|
ބެކްޑްރޯޕް އެވެ | ބޫލިއަން ނުވަތަ ސްޓްރިންގް އެވެ'static' |
ރަނގަޅު | މޮޑަލް-ބެކްޑްރޯޕް އެލިމެންޓެއް ހިމެނެއެވެ. ނުވަތަ static ކްލިކް ކުރުމުން މޮޑަލް ބަންދު ނުކުރާ ބެކްޑްރޯޕަކަށް ކަނޑައަޅާށެވެ. |
ކީބޯޑެވެ | ބޫލިއަން އެވެ | ރަނގަޅު | އެސްކޭޕް ކީ އަށް ފިތާލުމުން މޮޑަލް ބަންދުކުރެއެވެ |
ފޯކަސް | ބޫލިއަން އެވެ | ރަނގަޅު | އިނިޝިއަލައިޒް ކުރާއިރު މޮޑަލްއަށް ފޯކަސް ކުރެއެވެ. |
ދެއްކުން | ބޫލިއަން އެވެ | ރަނގަޅު | އިނިޝިއަލައިޒް ކުރާއިރު މޮޑަލް ދައްކައެވެ. |
ގޮތްތައް
އެސިންކްރޮނަސް މެތޯޑްސް އާއި ޓްރާންސިޝަންސް
ހުރިހާ އެޕީއައި މެތޯޑްތަކަކީ އެސިންކްރޮނަސް މެތޯޑްތަކެއް ކަމުން ޓްރާންސިޝަނެއް ފެށެއެވެ . އެމީހުން އެނބުރި ގުޅާ މީހާއަށް ޓްރާންސިޝަން ފެށުނުހާ އަވަހަކަށް އެކަމަކު ނިމުމުގެ ކުރިން . މީގެ އިތުރުން ޓްރާންސިޝަން ކޮމްޕޮނެންޓެއްގައި މެތޯޑް ކޯލެއް ކުރާނަމަ އަޅާނުލެވޭނެއެވެ .
އިތުރު މަޢުލޫމާތު ހޯދުމަށް އަޅުގަނޑުމެންގެ ޖާވާސްކްރިޕްޓް ޑޮކިއުމަންޓޭޝަން ބައްލަވާށެވެ .
.modal(options)
މޮޑަލްއެއްގެ ގޮތުގައި ތިމާގެ ކޮންޓެންޓް އެކްޓިވޭޓް ކުރެއެވެ. އިޚްތިޔާރީ އިޚްތިޔާރުތަކެއް ބަލައިގަންނަނީ object
.
.modal('toggle')
މެނުއަލްކޮށް މޮޑަލް އެއް ޓޮގްލް ކުރެއެވެ. މޮޑަލް ހަގީގަތުގައި ދައްކާ ނުވަތަ ފޮރުވުމުގެ ކުރިން (އެބަހީ ނުވަތަ އިވެންޓް ހިނގުމުގެ ކުރިން) ކޯލަރަށް އެނބުރިދެއެވެ .shown.bs.modal
hidden.bs.modal
.modal('show')
މެނުއަލްކޮށް މޮޑަލްއެއް ހުޅުވާލައެވެ. މޮޑަލް ހަގީގަތުގައި ދައްކާލުމުގެ ކުރިން (އެބަހީ އިވެންޓް ހިނގުމުގެ ކުރިން) ކޯލަރަށް އެނބުރި ދެއެވެ .shown.bs.modal
.modal('hide')
މެނުއަލްކޮށް މޮޑަލް އެއް ފޮރުވައެވެ. މޮޑަލް ހަގީގަތުގައި ފޮރުވުމުގެ ކުރިން (އެބަހީ އިވެންޓް ހިނގުމުގެ ކުރިން) ކޯލަރަށް އެނބުރި ދެއެވެ .hidden.bs.modal
.modal('handleUpdate')
މޮޑަލް ހުޅުވާފައި ހުންނައިރު މޮޑަލްއެއްގެ އުސްމިނަށް ބަދަލު އަންނަނަމަ (އެބަހީ ސްކްރޯލްބާރެއް ފެންނަ ހާލަތެއްގައި) މޮޑަލްގެ މަޤާމު މެނުއަލްކޮށް ރީޖަސްޓް ކުރެވޭނެއެވެ.
.modal('dispose')
އުނިއިތުރެއްގެ މޮޑަލް ނައްތާލައެވެ.
އިވެންޓްސް
ބޫޓްސްޓްރެޕްގެ މޮޑަލް ކްލާހުގައި މޯޑަލް ފަންކްޝަނަލިޓީއަށް ހޫކް ކުރުމަށް މަދު އިވެންޓްތަކެއް ހާމަކޮށްދެ އެވެ. ހުރިހާ މޮޑަލް އިވެންޓްތަކެއް ފަޔަރ ކުރެވެނީ ޚުދު މޮޑަލް އަށް (އެބަހީ <div class="modal">
) އަށް.
އިވެންޓް ޓައިޕް | ތަފްޞީލު |
---|---|
ޝޯ.ބީއެސް.މޯޑަލް | މި އިވެންޓް ވަގުތުން ފަޔަރ ވެގެން ދަނީ show އިންސްޓޭންސް މެތޯޑް ގޮވާލުމުންނެވެ. ކްލިކް އެއްގެ ސަބަބުން ދިމާވާނަމަ، ކްލިކް ކުރެވުނު އެލިމެންޓް relatedTarget އިވެންޓްގެ ޕްރޮޕަޓީއެއްގެ ގޮތުގައި ލިބެން ހުންނާނެއެވެ. |
ދައްކާފައިވާ.bs.modal | މި އިވެންޓް ފަޔަރ ކުރެވެނީ މޮޑަލް ޔޫޒަރަށް ފެންނަ ގޮތަށް ހެދުމުން (ސީއެސްއެސް ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ. ކްލިކް އެއްގެ ސަބަބުން ދިމާވާނަމަ، ކްލިކް ކުރެވުނު އެލިމެންޓް relatedTarget އިވެންޓްގެ ޕްރޮޕަޓީއެއްގެ ގޮތުގައި ލިބެން ހުންނާނެއެވެ. |
ފޮރުވާ.ބީއެސް.މޮޑަލް | މި އިވެންޓް ވަގުތުން ފަޔަރ ކުރެވެނީ hide އިންސްޓޭންސް މެތޯޑަށް ގޮވާ ނިމުމުންނެވެ. |
ފޮރުވިފައިވާ.ބީއެސް.މޮޑަލް | މި އިވެންޓް ފަޔަރ ކުރެވެނީ މޮޑަލް ޔޫޒަރަށް ފޮރުވުން ނިމުމުން (ސީއެސްއެސް ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ. |
hideޕްރިވެންޓެޑް.ބީއެސް.މޮޑަލް | މި އިވެންޓް ފަޔަރ ކުރެވެނީ މޮޑަލް ދައްކާފައި، އޭގެ ބެކްޑްރޯޕް static އާއި މޮޑަލްގެ ބޭރުގައި ކްލިކް ކުރުމުން ނުވަތަ އެސްކޭޕް ކީ ޕްރެސް ކުރުމުން ކީބޯޑް އޮޕްޝަން ނުވަތަ data-keyboard ސެޓް ކޮށްގެން ކުރިއަށް ގެންދާ އިވެންޓެވެ false . |