Question

首次尝试设置社交媒体共享按钮。在这一点上我有问题。按钮显示在台式机和笔记本电脑中，而不显示在手机中。在照片中查看。

在每台设备上尝试使用不同的浏览器，但是对于所有PC浏览器均显示按钮，而对于电话（不同的电话和不同的浏览器），则不会显示任何按钮。

编辑：

我有两个功能来显示这种模态

  if(window.location.href.indexOf('#Responsive-design') != -1) {
    modal_1.style.display = "block";
  }

和

  btn_1.onclick = function(){
    modal_1.style.display = "block";
  }

它们的工作原理相同。但是我发现，如果在移动设备中按btn_1，它将打开模式窗口，但不显示按钮。但是，如果我以链接url＃Responsive-design的身份进入，它将打开模式并显示按钮。

For Desktop/Laptop

For Phone

HTML：

  <!-- Share -->
          <div class="share">
            <a class="twitter-share-button"
              href="https://twitter.com/intent/tweet?text=text&url=url"
              data-size="large">Tweet
            </a>
          </div>

          <div class="share">
            <div class="fb-share-button"
            data-href="url"
            data-layout="button" data-size="large" data-mobile-iframe="true">
            <a
            target="_blank"
            href="url"
            class="fb-xfbml-parse-ignore">Share</a>
            </div>
          </div>

Javascript：

  <!-- Include Twitter -->
  <script>
      window.twttr = (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
        t = window.twttr || {};
        if (d.getElementById(id)) return t;
        js = d.createElement(s);
        js.id = id;
        js.src = "https://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js, fjs);

        t._e = [];
        t.ready = function(f) {
          t._e.push(f);
        };

        return t;
      }(document, "script", "twitter-wjs"));
    </script>

  <!-- Include Facebook -->
  <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'myid',
          cookie     : true,
          xfbml      : true,
          version    : 'v3.2'
        });

      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "https://connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

Facebook分享和Twitter Tweet按钮无法在移动浏览器上呈现

0 个答案: