値バインディング ( <dot:HtmlLiteral Html="{value: BannerHTML}" class="mainBanner"/>
) を使用して、いくつかの変数に基づいてページ コンテンツの一部を生成します。
また、生成された HTML で JavaScript を実行して、通常とは異なるスケーリング シナリオでのフォント サイズの一致など、いくつかのマイナーな問題を修正する必要があります。標準として、HTML ドキュメントの最後に実行可能な JavaScript を配置します。
次のいずれかのシナリオで生成された HTML:
<div class="mainBanner" data-bind="html: BannerHTML">
<div class="mainBanner-upper">some text</div>
<div class="mainBanner-face" id="mainTitle">some other text</div>
<div class="mainBanner-lower">some more text</div>
</div>
その HTML で動作する JS:
( https://github.com/adactio/FitText.jsが必要です)
window.fitText(document.getElementById("mainTitle"));
私が見る限り、javascript は HTML が生成される前に実行され、要素で実行された javascript は を返しますCannot read property 'xyz' of null
。待つように言うにはどうすればよいですか?javascript ファイルをリソースにバインドすることと<script>
、 body 要素の最後にタグを付けて単純に書き込むことの両方を試みましたが、成功しませんでした。