0

有没有一种无需先点击按钮即可打开Google+ 交互式帖子对话框的方法?我想让它直接显示在网站上。

以下是 G+ 示例中的相关代码。

JavaScript:

<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/client:plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script>

HTML:

<button
      class="g-interactivepost"
      data-contenturl="https://plus.google.com/pages/"
      data-contentdeeplinkid="/pages"
      data-clientid="xxxxx.apps.googleusercontent.com"
      data-cookiepolicy="single_host_origin"
      data-prefilltext="Engage your users today, create a Google+ page for your business."
      data-calltoactionlabel="CREATE"
      data-calltoactionurl="http://plus.google.com/pages/create"
      data-calltoactiondeeplinkid="/pages/create">
      Tell your friends
    </button>
4

1 回答 1

1

向该按钮元素添加一个 id (您可以完全使用不同的元素,只要您包含所有提供的属性 - 如果没有测试就无法确定)并将其设置为隐藏。从那里,只需在您想要的任何事件上触发点击它。

IE HTML:

<button
  id="thisdumbbutton"
  class="g-interactivepost"
  data-contenturl="https://plus.google.com/pages/"
  data-contentdeeplinkid="/pages"
  data-clientid="xxxxx.apps.googleusercontent.com"
  data-cookiepolicy="single_host_origin"
  data-prefilltext="Engage your users today, create a Google+ page for your business."
  data-calltoactionlabel="CREATE"
  data-calltoactionurl="http://plus.google.com/pages/create"
  data-calltoactiondeeplinkid="/pages/create">
  Tell your friends
</button>

CSS:

#thisdumbbutton{ display: none; }

JS:

<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/client:plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

   $('#something').hover(function(){
      $('#thisdumbbutton').click();
   });
  })();
</script>
于 2013-08-03T00:18:36.487 回答