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

时间:2013-01-18 02:38:14

标签: javascript jquery google-maps google-fusion-tables infowindow

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

建议?

我尝试使用jQuery选择<a>标记的类然后隐藏它,但它似乎不起作用。

2 个答案:

答案 0 :(得分:4)

jQuery在添加到dom之前无法访问该元素,因此请监听infoWindow的domready - 事件并隐藏按钮(infoWindow的内容在此处附加到DOM)时间,但是infoWindow尚未打开。)

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

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

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

...什么会隐藏infowindow里面的所有链接都有一个空的href属性。

答案 1 :(得分:1)

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

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

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