Кнопки Twitter и Twitter не отображаются в мобильном браузере. - PullRequest
Новая
       25

Кнопки Twitter и Twitter не отображаются в мобильном браузере.

0 голосов
/ 01 марта 2019

Впервые пытаюсь настроить кнопки обмена в социальных сетях.На данный момент у меня есть проблемы.Кнопки отображаются на рабочем столе и ноутбуке, но не на мобильных телефонах.См. На фотографиях.

Пробовал разные браузеры на каждом устройстве, но для всех браузеров ПК отображаются кнопки, а для телефонов (разные телефоны и разные браузеры) кнопки не отображаются.

РЕДАКТИРОВАТЬ:

У меня есть две функции, чтобы показать этот модальный 

  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, то откроется модальное окно и отобразятся кнопки.

для настольного компьютера / ноутбука

для телефона

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>
...