1

当您使用谷歌地图时，您单击地图上的标记，然后会弹出一个窗口。您甚至可以输入您的手机号码并接收来自 Google 的短信。如何使用 Jquery 或 Jquery 插件生成该弹出窗口？

4

2 回答 2

1

我假设谷歌地图只是你想要的效果的一个例子，而不是你的项目基础：

这实际上无非是显示一个特定的 div，然后隐藏它。

$("a.popup1").click(function(e){
  e.preventDefault();
  $("div.popup1").toggle();
});

-

<a class="popup1" href="enable-javascript.html">Show Popup</a>
<div class="popup1"><p>This is where your data goes.</p></div>

-

如果 Google Maps 实际上是您的项目基础，我建议您查看jMaps，一个 jQuery Google Maps 插件。添加标记和pointHTML（你所说的那些窗口）的例子可以在这里找到：http: //github.com/digit...Google.Markers.AddMarker.html

于 2009-12-17T13:55:58.417 回答
0

有各种各样的变化，但基本上你要做的是：

  1. 首先，将“div”添加到文档（或某些容器元素，具体取决于您的站点的外观）
  2. 运行 AJAX 事务以获取您的小弹出窗口的内容（如果页面上不存在已隐藏的某处）
  3. 给 div 适当的 CSS 你想要类属性以你想要的方式设置它的样式（重要的是，让它可见:-)

您的弹出框应该包含一个按钮或其他一些控件以允许将其删除。您可以使用 jQuery offset() 函数来查找被点击的内容的页面位置，然后可以使用位置信息（左上角）来定位您的浮动元素。您的浮动元素可能应该使用绝对定位进行定位，并给出一个大于周围内容的“z-index”值。

你如何做到这一点在很大程度上取决于你的网站是什么样子，其他内容是如何排列和定位的，以及你如何获取/合成弹出窗口的内容。

于 2009-12-17T14:00:18.233 回答