Ինչպե՞ս կարող եմ բացել bootstrap բացվող ընտրացանկը սեղմելով, այլ ոչ թե սավառնել:
Ինչպե՞ս կարող եմ բացել bootstrap բացվող ընտրացանկը սեղմելով, այլ ոչ թե սավառնել:

Video: Ինչպե՞ս կարող եմ բացել bootstrap բացվող ընտրացանկը սեղմելով, այլ ոչ թե սավառնել:

Video: Ինչպե՞ս կարող եմ բացել bootstrap բացվող ընտրացանկը սեղմելով, այլ ոչ թե սավառնել:
Video: Ինչի՞ համար են նախատեսված համակարգչի այս կոճակները 2024, Ապրիլ
Anonim

Պատասխան. Օգտագործեք jQuery սավառնել () մեթոդ

Լռելյայն, դեպի բացել կամ ցուցադրել բացվող մենյու մեջ Bootstrap դու պետք է սեղմել ձգանման տարրի վրա: Այնուամենայնիվ, եթե ցանկանում եք ցուցադրում որ իջնող վրա mouseover փոխարեն սեղմել դուք կարող եք դա անել փոքր հարմարեցմամբ՝ օգտագործելով CSS և jQuery:

Դրանցից ինչպե՞ս եք բացվող ընտրացանկը սավառնող մենյուում:

Օգտագործեք ցանկացած տարր բացելու համար բացվող մենյու , օր. ա, օ

տարր. Օգտագործեք կոնտեյների տարր (նման): ստեղծել որ բացվող մենյու և ավելացրեք իջնող հղումներ դրա ներսում: Փաթաթեք տարրը կոճակի շուրջ և տեղադրեք այն բացվող մենյու ճիշտ է CSS-ով:

ինչպես կարող եմ ստեղծել բացվող բար bootstrap-ում: Եկեք օգտագործենք Bootstrap իրականացնել այս երեք ընդհանուր կայքի առանձնահատկությունները. Բացվող ընտրացանկ . Փոխարկել navbar.

Փոխարկել Navbar-ը

  1. Քայլ 1. Ավելացրեք «Փոխարկել» նավագոտու կոճակը: index.html-ում ավելացրեք Bootstrap-ի «navbar-default» դասը nav տարրին.
  2. Քայլ 2. Ավելացնել Navbar կոճակի «Մենյու պատկերակը»
  3. Քայլ 3. Nav-ը դարձրեք «Toggle-able»

Նաև գիտեք, թե ինչպես եք բացվող ցանկը դարձնում Hoverable:

Պատասխան. Օգտագործեք CSS-ը. սավառնել կեղծ դասակարգ Եթե դուք պարզապես ցանկանում եք ցույց տալ և թաքցնել իջնող մենյու մկնիկի վրա սավառնել ձեզ ոչ մի JavaScript պետք չէ: Դուք կարող եք դա անել պարզապես օգտագործելով CSS ցուցադրման հատկությունը և. սավառնել կեղծ դասակարգ. Հետևյալ օրինակը ցույց կտա ձեզ, թե ինչպես իրականացնել պարզ իջնող օգտագործելով CSS:

Որտե՞ղ է բացվող ընտրացանկը:

Ամենատարածված տեսակը բացվող մենյու է մենյու բար. Windows համակարգերում, մենյու բարը սովորաբար տեղադրված է յուրաքանչյուր բաց պատուհանի վերևում: Macintosh համակարգերում այն ամրագրված է էկրանի վերևում:

Խորհուրդ ենք տալիս: