Question

我正在以引导程序模式实现内联sharethis按钮。

ShareThis按钮在呈现的页面上正常工作。

但是，它们没有出现在模态上。

当我检查模式代码或更改检查窗口的高度时，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

请在此问题上帮助我，共享此按钮应该事先出现在模式上。

未在Laravel的弹出窗口上共享此串联按钮

0 个答案: