Daugiau

Naudodami naršyklės juostos išskleidžiamojo mygtuko žymės langelį žemėlapių dėžutėje?

Naudodami naršyklės juostos išskleidžiamojo mygtuko žymės langelį žemėlapių dėžutėje?


Kuriu žemėlapio programąBootstrapsistema. Turiu išskleidžiamąjį meniu su 3 mygtukais, kad įjungtumėte ir išjungtumėte sluoksnius. Aš naudoju aglifikonaskaip žymės langelį su tekstu į šoną. Jei spustelėsite žymimąjį laukelį, sluoksnis pasikeis, kaip tikėtasi. Tačiau jei spustelėsite tekstą, jis pakeis žymės langelį, bet nekontroliuos sluoksnio perjungimo. Aš bandžiau įvynioti etiketę suruožasbet tai neveikė.

Turite idėju?

HTML:

BASEMAP  

„JavaScript“:

$ ("#mapLabel"). spustelėkite (funkcija (įvykis) {console.log ("Paspauskite"); layerClicked = window [event.target.value]; if (map.hasLayer (layerClicked)) {map.removeLayer (layerClicked );} else {map.addLayer (layerClicked);};});

Išbandykite šį „jquery“ metodą: http://api.jquery.com/find/

$ (". your-span-class"). find ("#mapLabel"). spustelėkite (funkcija (įvykis) {…

Manau, kad problema yra tai, kad pasirenkate pirminį elementą arba antrinį elementą, kurį bus lengviau derinti žiniatinklio naršyklės inspektoriuje. Nemanau, kad „Bootstrap“ yra jūsų problema.

Atskirai/beveik su tuo susijusioje pastaboje pastebėjau, kad „Semantic-UI Framework“ dokumentai yra šiek tiek naudingesni nei „Bootstraps“, įgyvendinantys šias funkcijas. Ir tai veikia su „jQuery“. Aš tikrai nebenaudoju „Bootstrap“ ir rekomenduočiau „Semantic-UI“ kaip alternatyvą visiems.