javascript - 在 Fusion Tables 信息窗口中隐藏元素

Question

所以，我有一个包含一堆联系人的 Fusion Table，但有些没有电子邮件或网站。我已将这些映射到地址，但我想在信息窗口（<a>标签）中选择一个元素，然后将其隐藏。该标签具有一些样式，使其看起来像一个按钮。本质上，除非有与该地址相关联的网站或电子邮件，否则我不想显示该按钮。

建议？

我试过使用 jQuery 来选择<a>标签的类然后隐藏它，但它似乎不起作用。

Answer 1

jQuery在添加到dom之前无法访问元素，所以监听domreadyinfoWindow的-event然后隐藏按钮（此时infoWindow的内容已经附加到DOM，但是infoWindow还没有打开）。

但是当你不需要它时不创建按钮应该更容易。

假设您使用模板，还有一个简单的解决方案：

.googft-info-window a[href='']{display:none;}

...什么将隐藏信息窗口内的所有链接，并带有一个空的 href 属性。

Answer 2

选择一个元素并隐藏它应该适合你。您可以通过在选择后记录它来确保您正在选择它。

var buttonCnt = $('input.class').length;
console.log(buttoCnt);

如果日志显示您期望的按钮数量，那么隐藏它们应该可以工作。如果没有，请确保在填充表格后调用您的选择器。