私は小さな Windows 8 アプリケーションに取り組んでいますが、この本当に厄介な問題があります。まず、HTML は次のとおりです。
<h2 id="name" class="article-title win-type-ellipsis" data-win-bind="textContent: title"></h2>
<h4 id="price" class="article-subtitle" data-win-bind="textContent: price"></h4>
JavaScript は次のとおりです。
order.addEventListener("click", function (e) {
Data.add(document.getElementById("price").innerText);
var name = document.getElementById("name").innerText;
var msg = Windows.UI.Popups.MessageDialog(name + " added.");
msg.showAsync();
});
JavaScript は「price」要素を取得するときは正常に動作しますが、「name」要素を取得するときに何らかの理由で動作しないと判断し、「追加されました」というメッセージしか表示されません。
ID「名前」を持つ他の要素はなく、なぜこれが機能しないのか完全にわかりません。
編集:私が提供したコードで両方の HTML タグが空である理由について、いくつかの混乱があるようです。別の JavaScript ファイルからテキストをバインドします。アプリケーションを実行すると、これらのタグにテキストが含まれているため、すべてが機能しています。唯一の問題は、何らかの理由で要素を取得できるが、price
要素を取得できないことname
です。