使用CSS隐藏基于访客国家的div

时间:2017-10-17 14:50:50

标签: javascript jquery css wordpress

我想显示来自某些国家/地区的访问者的响应式弹出窗口。我已经使用了插件弹出窗口制作器。但是,脚本(来自//freegeoip.net/json/)不适用于弹出式制作主题构建页面或产品页面(我希望它出现在哪里)。因此,我的下一步是更改CSS,以便它至少显示/不显示(display:none!important;)给某些人。

现在我的问题是实现此目的的CSS代码是什么?

但是,如果你建议只使用脚本我怎么能添加它来覆盖弹出制造商的代码?

另外,我对CSS和JS的了解非常有限

<script>
jQuery.ajax( {
url: '//freegeoip.net/json/',
type: 'POST',
dataType: 'jsonp',
success: function(location) {
// If the visitor is browsing from Canada.
if (location.country_code === 'CA') {
  // Tell them about shipping to Canada.
  jQuery('#pum-5303.pum.pum-overlay.pum-theme-5292.pum-theme-default-theme.popmake-overlay.auto_open.click_open.pum-active').css('display','block');
  }
  }
  } );
</script>

1 个答案:

答案 0 :(得分:0)

无论如何,我在inboundnow.com找到了答案。这正是我想要做的。