Leaflet: .on('popupopen') event not fired on markers

After some tests, the problem came from our popup custom library.

comment avez vous fait?

2014-09-22 11:39 GMT+02:00 Pierre Baron [email protected]:

Closed #2907 https://github.com/Leaflet/Leaflet/issues/2907.

—
Reply to this email directly or view it on GitHub
https://github.com/Leaflet/Leaflet/issues/2907#event-168346883.

Here is the problem, when you do this

var coordinates = {};
var markerOptions = {};
var marker = L.marker(coordinates), markerOptions );
marker.bindPopup("my content");

The bindPopup() method can have either a String or a Popup object. For this example, we pass a String and the method will create the right popup. If you pass a custom popup element, you have to append the marker into the popup before. Otherwise, the popup will never have its source element.

The final solution.

var coordinates = {};
var markerOptions = {};
var marker = L.marker(coordinates), markerOptions );

var popupOptions = {};
// you have to append the marker on the creation of the popup
// so that the popup element will have the marker source.
var popup = L.popup(popupOptions, marker );

// and this will work !
marker
    .bindPopup(popup)
    .on('dragstart', function () {
        console.log(dragstart");
    })
    .on('dragend', function () {
        console.log("dragend!");
    })
    .on('popupopen', function (popup) {
        console.log("popup opened !", popup);
    });