Бештар

Чӣ гуна мундариҷаи поп -апро аз маркераш навсозӣ кардан мумкин аст?

Чӣ гуна мундариҷаи поп -апро аз маркераш навсозӣ кардан мумкин аст?


Ман як поп -апро бо Leaflet эҷод кардам, ки ин корро мекунад:

marker.bindPopup (мундариҷа) .openPopup ();

Чӣ тавр ман метавонам навсозиро навсозӣ кунаммундариҷаарзиш баъд?

Ман гумон мекунам, ки онро аз маркер иҷро кунам, чизе монанди ин:

marker.updatePopup (newContent);

Ман гумон мекунам, ки шумо мехоҳед мундариҷаро пас аз рӯй додани ягон ҳодиса, ба монанди mouseover, контексти меню ё чизи дигар тағир диҳед.

Барои ин шумо метавонед коди зеринро истифода баред:

// таъсиси нишондиҳанда var marker = L.marker ([44.63, 22.65]). bindPopup ('чизе'). addTo (харита); marker.openPopup (); // тағир додани мундариҷа дар mouseover marker.on ('mouseover', function () {marker._popup.setContent ('чизи дигар')});

Тавре ки мебинед, шумо метавонед поп -апро барои нишони дилхоҳ бо усули marker._popup дастрас кунед ва пас усули тағир додани матни дохили онро истифода баред.

истинод ба усули popup.setContent

Ин аст чанд код дар Plunker, ки инро нишон медиҳад: http://plnkr.co/edit/vjS495QPXiJpKalrNpvo?p=preview


_ҷаҳандадар назди он зерхате мавҷуд аст, ки ин мисоли хусусӣ / узв аст ва набояд мустақиман дастрас шавад. API -и дуруст Layer.setPopupContent () аст. масаланmarker.setPopupContent (newContent);


Шояд барои посух додан дер шавад, аммо барои дигарон, ман фикр мекунам, ки роҳҳои беҳтарин ин аст

http://jsfiddle.net/cPTQF/

$ ('тугма'). пахш кунед (function () {// Мундариҷаи поп -апро навсозӣ кунед $ (popup._contentNode) .html ('Мундариҷаи нав хеле дарозтар аст, аз ин рӯ поп -ап бояд намуди зоҳирии худро навсозӣ кунад.'); / / Занг задани _updateLayout ба поп -ап ба андозаи мундариҷаи нав андозагирӣ мешавад._updateLayout (); // Занг задан ба _updatePosition, то поп -ап дар марказ бошад. Popup._updatePosition (); баргардонидани бардурӯғ;});

Шумо метавонед мундариҷаи поп -апро бо:

marker.getPopup (). getContent ();

Мундариҷаро бо он танзим кунед:

marker.getPopup (). setContent ("123"); marker.getPopup (). навсозӣ ();

Видеоро тамошо кунед: Emeli Sandé - Clown Official Music Video