AJAX を使用して Json 情報を取得しましたが、機能中に関連する Div にテキストを表示できません。
コンソールを使用して確認できるように、コードは一番下まで機能しますが、プレースホルダー テキストを div の「場所」に配置しても、プレースホルダー テキストは関数の最後まで同じままです。
$.each(data, function(i,item){
if(i===0){
var placeHTML='<h2>'+item.name+'</h2>' +
'<p>where you can get <br>' +
'a pint of <em>'+item.pint+'</em> for only<br>' +
'<span>£'+item.cost+'!</span></p>';
window.localStorage.setItem("placeName", item.name);
window.localStorage.setItem("placeLoc1", item.location);
window.localStorage.setItem("placeLoc2", item.location2);
window.localStorage.setItem("placeEmail", item.email);
window.localStorage.setItem("placeNumber", item.number);
console.log("Data saved");
document.getElementById("place").innerHtml = placeHTML;
console.log("Data placed:");
console.log(placeHTML);
$("#loadText").fadeOut();
$('#place').fadeIn();
return false;
}
});
また、運が悪いことに置き換えdocument.getElementById("place").innerHTML = foo
てみました。$("#place").val(foo)
div には と の値がid="place"
ありclass="place"
ます。