leaflet:如何创建选择器以在弹出窗口中链接

时间:2015-03-24 13:32:30

标签: javascript jquery leaflet

需要将选择器写入传单弹出窗口中的链接。

我尝试这样的事情,但它不起作用:

L.marker([39.74, -104.99]).bindPopup("<a href='#' class='trigger-to-page'>test</a>").addTo(cities);
$( document ).ready(function() {
    $('a[class=trigger-to-page]').click(function() {
            console.log("123");
        });
});

http://jsfiddle.net/x52j9da7/4/

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

弹出窗口打开后,您只能查询弹出窗口HTML内容中的元素。当弹出窗口关闭后再次删除时,内容会添加到DOM中。你想如何解决这个问题取决于你实际想做什么,但有多种方法:

使用L.Map的{​​{1}}事件,一旦打开,就直接获得对弹出窗口内容的引用:

popupopen

或者不要从字符串内容创建链接,但是创建实际元素并存储对它的引用,以便您可以在需要时使用它:

map.on('popupopen', function (e) {
    var link = e.popup._contentNode.firstChild;
});