JS/jQuery on 函数在更新 p：graphicImage 后不起作用

Question

我有一个图像：

<p:graphicImage id="map" value="#{controller.image}" cache="false"/>

我通过更新

<p:commandButton action="#{controller.redrawMap}" update=":myForm:map"/>

更新后，map不响应

$("#myForm\:map").on("mousedown", function(event) {
    console.log("Test");
});

为什么？

Answer 1

当您在组件上绑定一个事件，并且该组件得到更新时，它会丢失该事件，因此您必须重新绑定该事件。

OR

这种情况下的最佳实践是将事件绑定到主容器上，假设不会更新，例如表单：

$('#myForm').on('mousedown','#myForm\:map',function(){
    console.log("Test");
});

这样，即使更新地图，绑定也将保持不变。

希望这能有所帮助。