Javascript JQuery移动文档就绪替代方案

我花了几个小时试着调试我创建的jquery移动页面，并最终使其正常工作。我把脚本放到了data role=“page”class=“page-map4”div中。我想知道为什么会这样，我宁愿这对我来说不是魔法。如果我直接访问该页面，这并不重要，只要我是从另一个JQuery移动页面访问的。

$('.page-map4').live("pageshow", function(){
        if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(success, error);
        } else {
              error('Geolocation not supported');
        }
});
$（'.page-map4'）.live（“pageshow”，function（））{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（成功，错误）；
}否则{
错误（“不支持地理位置”）；
}
});

问题：当从另一个JQuery移动页面导航时，为什么上面的脚本必须在页面数据角色div中才能正常工作？
对于页面事件，我只是在JQuery代码中这样做。在将任何文档绑定到
$之后，这将进入页面
元素中设置的
标记中。mobile
全局：

$('#YOUR_PAGE_ID').live('pageshow',function(event, ui){
  yourGeoCode();
});

对于页面事件，我只需在jQuery代码中执行此操作。在将任何文档绑定到
$之后，这将进入页面
元素中设置的
标记中。mobile
全局：

$('#YOUR_PAGE_ID').live('pageshow',function(event, ui){
  yourGeoCode();
});

您应该使用pageinit事件查看此帖子“”以了解更多信息
您应该使用pageinit事件查看此帖子“”以了解更多信息
我在脚本标记集中设置了它，但它似乎只有在从头部拉出并放入data role=“page”div时才能正常工作。此解决方案对我来说甚至适用于正文中的脚本标记。谢谢我把它放在一个脚本标记集中，但它只有在从头部拉出并放入data role=“page”div时才能正常工作。这个解决方案对我来说甚至适用于正文中的脚本标记。谢谢