Javascript 传单:如何在弹出窗口中创建链接选择器

Javascript 传单:如何在弹出窗口中创建链接选择器,javascript,jquery,leaflet,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() { con

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

我正在尝试类似的方法,但不起作用:

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");
        });
});
L.marker([39.74,-104.99]).bindpoop(“”).addTo(城市);
$(文档).ready(函数(){
$('a[class=trigger to page]')。单击(function(){
控制台日志(“123”);
});
});


有人能帮忙吗?

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

使用
L.Map
popupopen
事件,并在弹出窗口打开后直接获取对其内容的引用:

map.on('popupopen', function (e) {
    var link = e.popup._contentNode.firstChild;
});
或者不从字符串内容创建链接,而是创建实际元素并存储对该元素的引用,以便在需要时使用它:

var link = L.DomUtil.create('a');
link.href = '#';
link.textContent = 'Test';

L.marker([39.74, -104.99]).bindPopup(link).addTo(cities);

首先是惊人的解决方案。