单击打开 jQuery Mobile 面板小部件时的 Google 地图指针

Posted

技术标签:

【中文标题】单击打开 jQuery Mobile 面板小部件时的 Google 地图指针【英文标题】:Google Map pointers on click open jQuery Mobile panel weidget 【发布时间】:2015-02-17 04:47:42 【问题描述】:

我希望有人能够帮助解决这个问题。

基本上我想要的是,如果用户单击地图指针(使用 Google 地图),那么它会打开一个与 jQuery Mobile 关联的面板小部件。

这是默认链接代码的 sn-p。但这不起作用。

google.maps.event.addListener(marker, 'click', function() 
     window.location.href = '#test';
);

有人有什么想法吗?

【问题讨论】:

【参考方案1】:

使用.panel()方法打开面板,而不是window.location.href = '#test';

按其 ID 打开面板,internalexternal 面板。

$("#panel-ID").panel("open");

或者,在没有 ID 的活动页面中打开面板。

$.mobile.pageContainer.pagecontainer("getActivePage").find("[data-role=panel]").panel("open");

【讨论】:

以上是关于单击打开 jQuery Mobile 面板小部件时的 Google 地图指针的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile 面板不应该在向左滑动时关闭

在 jQuery Mobile 中激活弹出窗口

JQuery 移动面板小部件 - 打开可折叠列表会导致一旦展开超出页面高度,就会跳转到页面 div 的底部。为啥?

在jquery mobile中打开面板时如何防止页面被拖动?

想要 jQuery Mobile 面板默认打开

jquery mobile 滑动面板 - 在包含 iframe 的区域上滑动事件