Sharethis встроенные кнопки не появляются на всплывающих в Laravel - PullRequest
Новая
       32

Sharethis встроенные кнопки не появляются на всплывающих в Laravel

0 голосов
/ 11 ноября 2018

Я реализую In-line sharethis кнопки в модале начальной загрузки.

ShareЭта кнопка отлично работает на отображаемой странице.

Но они не появляются на модале.

Когда я проверяю модальный код или изменяю высоту окна проверки, кнопки ShareThis появляются на модальном.

Я думаю, что это происходит, потому что окно проверки изменяет макет страницы.

Ссылка JS включена в заголовок 

<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#product=custom-share-buttons"></script>

Это модальный код: 

<div class="modal fade" id="inviteFriendsModal" tabindex="-1" role="dialog" aria-labelledby="inviteFriends" style="display: none;">
  <div class="modal-dialog " id="primary-header-modal" role="document" style="margin: 8% auto; width: 670px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close alert-close-icon" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Invite Friends, get {{INVITE_EARNED_REWARD}} points</h4>
      </div>
      <div class="modal-body bg-grayf2f2f2">
        <div class="row margin0 text-center">
          <img src="{{ asset('images/inviteFriends.png') }}" height="100px" class="margin-bottom20">
          <p class="font18">SHARE YOUR CODE</p>
          <p><span class="font18 font-wt400" style="color: #1fbad6;">{{Session::get('invitationCode')}}</span></p>
          <p class="padd-bottom15">Your friends get {{INVITE_EARNED_REWARD}} points when they join and you get {{INVITE_EARNED_REWARD}} too, after their first interaction.</p>
          <div class="text-center">
            <div class="sharethis-inline-share-buttons" data-description='{{ $stSummary }}' data-url='{{ $stUrl }}' data-message="{{trans('interviewerMessages.inviteFriendsStSummary')}}" data-short-url="{{ $stUrl }}"  data-title="{{ trans('messages.ogTitle') }}"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

Кроме того, я создал тестовый URL для более ясного объяснения: URL

Пожалуйста, помогите мне в этом вопросе, что sharethis кнопки должны появиться на модальном заранее.

...