Šiame tinklaraštyje bus aptariami būdai, kaip iš naujo įkelti div neįkeliant viso puslapio JavaScript.
Kaip iš naujo įkelti „div“ iš naujo neįkeliant viso „jQuery“ puslapio?
„ div “ galima įkelti iš naujo neįkeliant viso puslapio naudojant jQuery metodą „on()“ kartu su „ įkelti () “ metodas.
Metodas on() susieja vieną ar daugiau elementų įvykių tvarkyklių, o metodas load() įkelia turinį į gautą elementą. Šiuos metodus galima derinti, kad pasiektumėte div ir iš naujo įkeltumėte jį suaktyvėjus įvykiui.
Pavyzdys
Apžvelkime šį HTML kodą:
< kūnas >
< h2 > Štai kaip iš naujo įkelti „div“, neįkeliant viso puslapio iš naujo h2 >
< dal id = 'myDiv' >
< p > JavaScript yra programavimo kalba, kurioje yra funkcijų , kintamieji , įvykiai ir objektai ir kt. p >
div >
< mygtuką > perkrauti mygtuką >
kūnas >
Aukščiau esančiame kodo bloke:
- Įtraukite nurodytą antraštę.
- Taip pat nurodykite elementą „“, turintį atributą „id“.
- Po to įtraukite pastraipą į žymą „
“ ir mygtuką, kad suaktyvintumėte norimą funkciją.
Dabar pereikime prie „JavaScript“ kodo:
< scenarijus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
scenarijus >
< scenarijus >
$ ( 'mygtukas' ) . įjungta ( 'spausti' , funkcija ( ) {
$ ( „#manoDiv“ ) . apkrova ( „#manoDiv“ )
budrus ( 'Perkrauta' )
} ) ;Šiame kodo fragmente
- Įtraukite „jQuery“ biblioteką naudodami „ src “ atributas.
- Pasiekite sukurtą mygtuką ir susiekite „ ant () “ metodas.
- Tai iškvies paminėtą funkciją spustelėjus mygtuką, kaip matyti iš pridėto įvykio ' spustelėkite “.
- Funkcijos apibrėžime pasiekite įtrauktą „ “ elementą ir įkelkite jį dar kartą naudodami „ įkelti () “ metodas, nurodydamas jo „ id “.
- Dėl to įtrauktas div bus vėl įkeltas spustelėjus mygtuką ir bus rodomas įspėjimo dialogo lange nurodytas pranešimas.
Išvestis
Galima pastebėti, kad div sėkmingai įkeliamas neperkraunant viso puslapio.
Išvada
Norėdami iš naujo įkelti div neįkeldami viso puslapio, naudokite „ ant () “ metodas kartu su “ įkelti () “ metodas. Šiuos metodus galima naudoti norint iš naujo įkelti div turinį, kai suaktyvinamas įvykis, jį pasiekiant ir vėl nukreipiant į jį. Šiame tinklaraštyje aprašytas būdas iš naujo įkelti div, neįkeliant viso puslapio iš naujo.
- Po to įtraukite pastraipą į žymą „