Gagnvirk hönnun

Hvernig á að Style «Veldu svör með DropKick

Þegar það kemur að því að stilla vefsíður, er ekkert eins erfiður og mynd. Og þegar það kemur að stílformum - næstum - ekkert er eins erfiður og með CSS, en það eru stórar takmarkanir á því hversu mikið við getum náð með CSS einum. Oft er eini hagkvæmur kosturinn að stilla í gegnum JavaScript, og eins og mynd af framsæknum aukahlutum er það ekki eitthvað sem við þurfum að feimja frá.

Í þessari grein munum við nota DropKick til að búa til út fellilistann. Hvað dropkick gerir er að umbreyta

Það fyrsta sem við þurfum að gera er að setja upp

Kalla DropKick

Þegar við höfum sett upp okkar inn í eitthvað sem við getum treyst á stíl með CSS. Enn fremur hefur gildi okkar verið sett inn í nýju HTML5 gagna eiginleika (með nafni gögn-dk-dropdown-gildi).

Við getum nú stíll dropdown okkar með CSS, eða notað einn af DropKick þemunum ef við kjósumst; Þegar ritað er eru þrjár þemu í boði, sjálfgefin, dökk gljáa og ljósgljáandi. En flestir vilja vilja nota eigin stíl sem samsvarar þörfum verkefnisins.

Áframhaldandi DropKick

Útbreidd DropKick er einfalt ferli. Til dæmis, ef við viljum greina hvenær breyting er gerð á fellilistanum, getum við bætt við viðburðasviðinu, eins og svo: 

$('select').dropkick({change: function (value) {console.log('Option selected: ' + value);}});

Loka hugsanir

Ég er viss um að það eru þúsund leiðir til að stilla valmyndina án þess að nota jQuery, en þær sem nota bara CSS eru að berjast um að tapa bardaga gegn vanskilum vafrans. Einfaldleiki þessa tappa og gríðarlega sveigjanleika sem það býður upp á og framsækin aukning nálgun sem það tekur, þýðir að DropKick er frábær lausn.

Hefur þú notað DropKick í verkefni? Hefur þú valið aðferð við hönnun