Ձեր հարցի պատասխանը գտնելու համար երբեմն պետք է շատ ժամանակ ծախսել, հատկապես, եթե, ինչ վերաբերում է վեբ դիզայնին, նման հարցերում առանձնապես անտեղյակ մարդը որոշել է կայք ստեղծել. ինքնուրույն։ jquery մոդալ պատուհանը կարող է լինել նման տանջալի առաջադրանքներից մեկը:
Համացանցում կարող եք շատ նման պատուհաններ գտնել։ Թվում է, թե պարզապես անհրաժեշտ է դրանք պատճենել և տեղադրել ձեր կայքում… Այնուամենայնիվ, ամեն ինչ այդքան էլ պարզ չէ։ Բախտի բերումով կա ինչ-որ մանրուք, որը դանդաղեցնում է ամեն ինչ, և անհնար է լուծել խնդիրը, քանի որ դրա համար անհրաժեշտ գիտելիքներ չկան։ Հետևաբար, jQuery-ի մոդալ պատուհանը անհապաղ հալածելու փոխարեն շատ հետաքրքիր գործառույթներով, որոնք դժվար է իրագործել, ավելի լավ է սկսել փոքր, ամենապարզ մոդալ պատուհանից՝ առանց ավելորդ խնդիրների:
Եթե wordpress-ում ինչ-որ տեղ կա բլոգ, ապա ամեն ինչ շատ պարզ է, և սովորաբար դժվարություններ չկան, քանի որ այն արդեն ունի բազմաթիվ պատրաստի լուծումներ՝ տարբեր թռուցիկ մոդուլներ: Բայց կան նաև բոլորովին այլ տարբերակներ, որտեղ դուք պետք է ինքներդ «քանդակեք» մոդալ պատուհան կամ դիմեք մասնագետների վճարովի ծառայություններին: Ինչպես գիտեք, ոչ ոք չի ցանկանում վճարել, հատկապես, երբ թվում է, որ դուք պարզապես պետք է հասնեք գործին, և ամեն ինչ կստացվի բավականին արագ ևամբողջովին անվճար։
Պահանջվում է jquery մոդալ պատուհան՝ էջի տեղեկատվության հետ համահունչ և այն լրացնող բովանդակություն ցուցադրելու համար:
jQuery - ի՞նչ է դա:
Լրիվ հասկանալու համար, եթե ինչ-որ մեկը չգիտի, ապա jquery-ն JavaScript գրադարան է, իսկ վերջինս իր հերթին նշանակում է կոդ, որը ներդրված է վեբ էջի կոդի մեջ և թույլ է տալիս հասնել տարբեր էֆեկտներ, որոնք չեն կարող իրականացվել HTML-ում և CSS-ում: Նման կոդի տիպիկ օրինակ կարող է լինել էջում ցուցադրված ընթացիկ ամսաթիվը կամ ժամը:
Գրադարանի մշակողները ունեն պաշտոնական կայք, որը մշտապես բարելավվում և թարմացվում է, ինչի կապակցությամբ կան բոլոր նոր տարբերակները, որոնք առաջարկում են նոր գրադարաններ:
Jquery-ին ասելու համար, որ ձեզ անհրաժեշտ է այս կամ այն էֆեկտը, կա CSS լեզու ոճային թերթիկներով:
CSS լեզու
CSS նշանակում է Կասկադային ոճերի թերթիկներ: Այժմ ինտերնետում անհնար է գտնել մի կայք, որը չօգտագործի այս լեզուն:
Հետևաբար, մոդալ պատուհաններում jquery-ն և CSS-ը գրեթե անփոխարինելի և անփոխարինելի են: Հետևաբար, եթե jquery-ն ներառված չէ, դուք պետք է դա անեք:
Դա անելու համար գլխի պիտակի ներսում տեղադրվում է հետևյալը.
Ինչի՞ համար են մոդալները
Պարզ jquery մոդալ, որը հայտնվում է կայքի բեռնման ժամանակ, կարող է օգտակար լինել ավելի շատ հետևորդներ ստանալու համար: Պատուհանը կհայտնվի, երբ էջը բացվի: Դա այնքան էլ շեղող չէ և դժվար թե որևէ մեկին վախեցնի, քանի որ ամենափոքր անհարմարության դեպքում հեշտ է.փակվում է, և փակման կոճակը կունենա թխուկներ, և երբ սեղմում եք դրա վրա, անհետացած մոդալ պատուհանը նորից չի հայտնվի:
Բացվող պատուհան
Jquery թռուցիկ պատուհանը, որը հայտնվում է միայն մեկ էջի համար, մոդալ պատուհանների տարբերակ է:
Այն իրականացնելու համար անհրաժեշտ է մի շարք քայլեր ձեռնարկել։
Դուք կարող եք օգտագործել հատուկ պլագիններ մոդալ պատուհանների համար: Ավելի լավ է դրանք ներբեռնել մշակողների կայքերից, ինչպիսին է arcticModal-ը: Այն միանում է հետևյալ կերպ՝
Առանց պատուհանի ոճավորման, ստանդարտ հավելումների թեմաներից մեկն այսպիսի տեսք կունենա՝
Հաջորդ, թխուկների հավելվածը միացված է՝
Օգտագործողին տեղեկատվություն տրամադրող HTML կոդ գրելը.
Կոդում նշված arctimonial-close դասը նշանակում է, որ jQuery մոդալ պատուհանը կփակվի դրա հետ:
Հաջորդը գալիս է վերջնական սցենարը.
Օգտագործված որոշ պարամետրեր նշանակում են հետևյալը.
closeOnOverClick. կորոշի, արդյոք պատուհանը փակվում է, երբ կտտացնում են ծածկույթը:
CloseOn Esc. նշանակում է սեղմել Esc.
Expires. Նշում է այն ժամանակը, որի համար կպահվի թխուկը: Առաջարկվող տարբերակում այս ժամանակը կկազմի վաթսուն օր, այսինքն՝ պատուհանը երկու ամիս չի ցուցադրվի։ Թխուկը թարմացվում է յուրաքանչյուր այցելության ժամանակ:
Ինչպես տեղադրել ձեր վրաԿայքում jQuery մոդալ պատուհան, անհրաժեշտության դեպքում կարող եք անցնել ավելի բարդ տարբերակների: Դրա համար ավելացվում են մի շարք CSS ոճեր, և պատուհանը լիովին կտարբերվի այլ կայքերի մոդալ պատուհաններից:
Ֆանտազիան և երևակայությունը կօգնեն զգալիորեն ավելացնել բաժանորդների թիվը նման լուծումների շնորհիվ, իսկ առցանց խանութներում հմտորեն տեղադրված մոդալ պատուհանները կարող են բազմապատիկ ավելացնել վաճառքը։ Հետևաբար, Windows-ի ծրագրավորման և տեղադրման վրա ծախսված ժամանակը արդարացված կլինի և անպայման կվճարի:
Մոդալ պատուհանների տեսակները
Մոդալ պատուհանները կարող են բացվել, երբ սեղմում եք համապատասխան կոճակը կամ բեռնվում էջի հետ միասին և հայտնվում անմիջապես բեռնումից հետո: Նրանք կարող են այլևս չհայտնվել փակման ժամանակ որոշ ժամանակով, եթե թխուկը դրված է, ինչպես վերը նկարագրված օրինակում, կամ կարող են հայտնվել ամեն անգամ, երբ էջը բեռնվում է: Կան մոդալ պատուհաններ, որոնք ամրագրված են մեկ տեղում և մնում են դրա վրա՝ չնայած էջի շարժումներին, և կարող են դինամիկ լինել, երբ պատուհանը հղումով տեղեկատվություն է պարունակում, և օգտատերը անցնում է դրա միջով։ Այնուհետև միայն պատուհանը կթարմացվի, իսկ սկզբնական էջը կմնա անփոփոխ:
