html - 如何在 Openlayers 弹出窗口中获取按钮？

Question

我正在尝试在 Openlayers 弹出窗口中放置一个按钮。虽然使用以下代码可以正确显示按钮，但单击按钮时不会执行函数“handlerFunc”。我发布的代码段都在另一个函数中(因此 handlerFunc 实际上是一个嵌套函数)。我正在为按钮本身使用 JQuery。关于可能出问题的任何想法？谢谢!

    var feature = new OpenLayers.Feature(presences, ll); 
        feature.popupClass = popupClass;
        feature.data.popupContentHTML = "<button id='popupButton'>Click me</button>";
        feature.data.overflow = (overflow) ? "auto" : "hidden";
        feature.data.icon = markerIcon;
    $('#popupButton').button();
    $('#popupButton').click(handlerFunc);


 function handlerFunc() {
    // do something
 } 

Answer 1

最可能的原因是当您绑定(bind)到 click 事件时您的按钮不存在。 $('#popupButton') 返回 null。不要使用 $('#popupButton').click(handlerFunc); 试试 $('#popupButton').live('click', handlerFunc);。这意味着我们不仅在构建 DOM 时绑定(bind)到事件，而且在对象出现时绑定(bind)到事件。