javascript - 含まれているものが ajax 経由で読み込まれると、Google サインイン ボタンがレンダリングされない

Question

ハイブリッド アプリに Google ログイン ボタンを追加しようとしています。ボタンが

<div class="g-signin2" data-onsuccess="onSignIn"></div>

は最初のページにありますが、そのページが最初にロードされない場合 (ページは ajax 経由でロードされます)、どういうわけかボタンのレンダリングに失敗します。詳細については、私はFramework7を使用していますが、問題がフレームワークに関連しているとは考えていませんが、私のロジックに問題があるとは考えていません。Google開発者からの指示に従っています。

Answer 1

Framework7 のドキュメントonPageInitで説明されているように使用できます。

myApp.onPageInit(pageName, function(page) {
  var script = document.createElement('script');
  script.src = 'https://apis.google.com/js/platform.js';
  document.body.appendChild(script);
});