Question

我有一个html openlayers弹出窗口，我在我的网络应用程序中生成，其中包含一个带菜单的JQuery按钮。菜单显示正常，但菜单的select事件仅在第一次触发，从那时起它没有响应。有什么想法吗？

这是Javascript

$("#popup_actions")
    .button({
        text: false,
        icons: {
            primary: "ui-icon-gear",
            secondary: "ui-icon-triangle-1-s"
        }
    })
    .click(function () {
        console.log(this);
        var menu = $(this).parent().next().show().position({
            my: "left top",
            at: "left bottom",
            of: this
        });
        // "chicken" (ahem) is the name of the containing div, for some reason using $(document) didn't work
        $("#chicken").one("click", function () {
            menu.hide();
        });
        return false;
    })
    .parent()
        .buttonset()
        .next()
            .hide()
            .menu({select: function(e) {
                console.log("The menu was selected", event);
            }});

HTML：

<div style="width:60px;float:left">
    <div>
        <button id="popup_actions">Actions</button>
    </div>
    <ul style="width:200px">
        <li><a href="#"><span class="ui-icon ui-icon-star"></span>Find in rack</a></li>
        <li><a href="#"><span class="ui-icon ui-icon-star"></span>Find in tree</a></li>
        <li><a href="#"><span class="ui-icon ui-icon-star"></span>Change Activity Report</a></li>
        <li><a href="#"><span class="ui-icon ui-icon-star"></span>Link State Change History Report</a></li>
    </ul>
</div>

编辑：

我设法把它变成一个jsfiddle，显示行为不起作用。这绝对是OpenLayers的一个问题。 http://jsfiddle.net/mattwoberts/JRmKN/13/ - 在地图上添加一个多边形，然后进入弹出模式并打开弹出菜单以查看菜单 - 选择事件只会触发一次。

Answer 1

我不确定我是否理解了这个问题，但是如果它只是选择，那么就会出现拼写错误，你应该改变这一行

console.log("The menu was selected", event);

到

console.log("The menu was selected", e);

因为变量名为e not event。

OpenLayers弹出窗口上的Jquery UI按钮 - 只选择一次触发

1 个答案: