jquery - 进行页面转换后，jQuery Mobile获取导致页面转换的单击项的ID

我有一个带有两个“页面”的jQuery移动应用程序。第一页是Google地图，第二页是建筑物的列表视图，其中每个列表项都有一个与之关联的ID。当用户单击建筑物时，地图将平移到该建筑物并显示标记。但是，jQuery mobile的一个怪癖之一是在页面转换发生后我必须调用google.maps.event.trigger(map, 'resize')和map.panTo(somePosition)，否则地图显得很时髦。我正在进入jQuery Mobile pageshow事件来执行此操作。我的问题是，pageshow事件处理程序参数中是否有任何内容，或将任何东西附加到pageshow事件处理程序参数中的任何方式，将使我能够识别单击的导致页面转换的列表项的ID首先，所以我可以使用它来确定将地图平移到哪里？

目前，我必须以某种方式进行操作，在该事件中，我点击了所选列表项的click事件，将所选列表项的ID存储在全局变量中，然后在以后使用该全局变量在pageshow事件处理程序中时。

所以像：

var selectedBuilding;

$('a.buildingSelect').click(function(e) {
    e.preventDefault();
    selectedBuilding = $(this).attr("data-buildingNum");
});


$('div').live('pageshow',function(event, ui){
    if (ui.prevPage.attr('id') === "buildingSelect") {
        google.maps.event.trigger(map, 'resize');
        map.panTo(selectedBuilding);
    }
});

除了有些混乱之外，这方面的问题之一是，如果用户根本没有选择建筑物编号，例如当他们按下建筑物列表页面上的“返回”按钮时。在这种情况下，pageshow事件处理程序仍将执行，尽管如果用户以前未选择建筑物，则选定的建筑物将不存在，或者如果用户选择了建筑物，则将导致地图平移到最后一个选定的建筑物以前的建筑物，实际上并不是预期的行为。我确信我可以使两个事件处理程序都可以使用一些其他全局变量来对此进行编码，但这会有些混乱。理想情况下，我正在寻找的是仅需绑定到pageshow事件的方法，并且从绑定函数中可以得出单击了哪个建筑物ID的方法。

一般来说，我对jQuery和javascript还是比较陌生，因此请记住这一点。尽管我在Chrome中使用了javascript调试工具，但我仍然不确定如何有效地找到ui事件处理程序的pageshow参数中提供了哪些信息。 ，我认为这将是解决此类问题的良好开端。

最佳答案

您可以将pageshow事件处理程序粘贴在buildingSelect的单击处理程序中，并使用允许您通过事件绑定程序传递数据的语法：http://api.jquery.com/live/中的.live( eventType, eventData, handler )。

但是，在执行此操作之前，您必须先die其他实时pageshow处理程序。如果是我，我会清理您存储这些全局变量的方式，并称之为一天。也许将它们放在位于命名空间之外的漂亮对象中，这样更安全。

编辑：将我不正确的口语“破坏”更改为正确的die。因此，您希望像$('div').die()或文档中解释的任何其他变体一样，使事件处理程序失效。

关于jquery - 进行页面转换后，jQuery Mobile获取导致页面转换的单击项的ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6112688/