இந்த வலைப்பதிவு JavaScript இல் முழுப் பக்கத்தையும் மறுஏற்றம் செய்யாமல் div ஐ மீண்டும் ஏற்றுவதற்கான அணுகுமுறைகளைப் பற்றி விவாதிக்கும்.
jQuery இல் முழுப் பக்கத்தையும் ரீலோட் செய்யாமல் divஐ ரீலோட் செய்வது எப்படி?
' div '' உடன் இணைந்து jQuery இன் 'on()' முறையைப் பயன்படுத்தி முழுப் பக்கத்தையும் மறுஏற்றம் செய்யாமலேயே மீண்டும் ஏற்ற முடியும். சுமை () ”முறை.
ஆன்() முறை உறுப்புகளுக்கு ஒன்று அல்லது அதற்கு மேற்பட்ட நிகழ்வு ஹேண்ட்லர்களை இணைக்கிறது, மேலும் சுமை() முறை உள்ளடக்கத்தை பெறப்பட்ட உறுப்பில் ஏற்றுகிறது. இந்த முறைகளை இணைத்து DIV ஐ அணுகலாம் மற்றும் தூண்டப்பட்ட நிகழ்வில் அதை மீண்டும் ஏற்றலாம்.
உதாரணமாக
பின்வரும் HTML குறியீட்டை மேலோட்டமாகப் பார்ப்போம்:
< உடல் >
< h2 > முழுப் பக்கத்தையும் ரீலோட் செய்யாமல் டிவியை மீண்டும் ஏற்றுவது இதுதான் h2 >
< div ஐடி = 'myDiv' >
< ப > ஜாவாஸ்கிரிப்ட் என்பது செயல்பாடுகளைக் கொண்ட ஒரு நிரலாக்க மொழியாகும் , மாறிகள் , நிகழ்வுகள் மற்றும் பொருள்கள் போன்றவை. ப >
div >
< பொத்தானை > ஏற்றவும் பொத்தானை >
உடல் >
மேலே உள்ள குறியீடு தொகுதியில்:
- கூறப்பட்ட தலைப்பைச் சேர்க்கவும்.
- மேலும், 'ஐடி' என்ற பண்புக்கூறு கொண்ட '' உறுப்பைக் குறிப்பிடவும்.
- அதன் பிறகு, '
' குறிச்சொல்லில் உள்ள பத்தியைச் சேர்க்கவும் மற்றும் விரும்பிய செயல்பாட்டைத் தூண்டுவதற்கு ஒரு பொத்தானைச் சேர்க்கவும்.
இப்போது, ஜாவாஸ்கிரிப்ட் குறியீட்டிற்கு செல்லலாம்:
< ஸ்கிரிப்ட் எஸ்ஆர்சி = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
கையால் எழுதப்பட்ட தாள் >
< கையால் எழுதப்பட்ட தாள் >
$ ( 'பொத்தானை' ) . அன்று ( 'கிளிக்' , செயல்பாடு ( ) {
$ ( '#myDiv' ) . சுமை ( '#myDiv' )
எச்சரிக்கை ( 'மீண்டும் ஏற்றப்பட்டது' )
} ) ;இந்த குறியீடு துணுக்கில்
- '' வழியாக jQuery நூலகத்தைச் சேர்க்கவும் src ” பண்பு.
- உருவாக்கப்பட்ட பொத்தானை அணுகி, 'ஐ இணைக்கவும் அன்று() ”முறை.
- இது இணைக்கப்பட்ட நிகழ்விலிருந்து தெளிவாகத் தெரியும், பொத்தானைக் கிளிக் செய்வதன் மீது குறிப்பிடப்பட்ட செயல்பாட்டைத் தூண்டும். கிளிக் செய்யவும் ”.
- செயல்பாட்டு வரையறையில், சேர்க்கப்பட்டுள்ள 'ஐ அணுகவும் 'உறுப்பைப் பயன்படுத்தி மீண்டும் ஏற்றவும்' சுமை () 'அதன்' என்பதைக் குறிப்பிடுவதன் மூலம் முறை ஐடி ”.
- இதன் விளைவாக, பொத்தான் கிளிக் செய்வதன் மூலம், சேர்க்கப்பட்ட div மீண்டும் ஏற்றப்படும், மேலும் எச்சரிக்கை உரையாடல் பெட்டி வழியாக கூறப்பட்ட செய்தி காட்டப்படும்.
வெளியீடு
முழுப் பக்கத்தையும் மறுஏற்றம் செய்யாமல், div வெற்றிகரமாக மீண்டும் ஏற்றப்படுவதைக் காணலாம்.
முடிவுரை
முழுப் பக்கத்தையும் மறுஏற்றம் செய்யாமல் டிவியை மீண்டும் ஏற்ற, ' அன்று() 'முறையுடன் இணைந்து' சுமை () ”முறை. தூண்டப்பட்ட நிகழ்வின் மீது div இன் உள்ளடக்கத்தை அணுகி அதை மீண்டும் குறிப்பிடுவதன் மூலம் அதை மீண்டும் ஏற்றுவதற்கு இந்த முறைகள் பயன்படுத்தப்படலாம். இந்த வலைப்பதிவு முழுப் பக்கத்தையும் மறுஏற்றம் செய்யாமல் டிவியை மீண்டும் ஏற்றும் முறையை விவரிக்கிறது.
- அதன் பிறகு, '