まず、msdn のブログ ( https://blogs.msdn.com/b/windowsappdev/archive/2013/04/01/windows-store ) に従って Jquery がサポートされているため、default.js でアプリに Jquery を追加しました。 -app-support-in-jquery-version-2-0.aspx?Redirected=true )
次に、jquery が機能していることをテストするために、これをページ (times.html) に追加しました。
<section aria-label="Main content" role="main" style="height:100%; margin-left:120px; margin-right:120px;">
<button id="buttonClick">Button</button>
<div id="result"></div>
</section>
そして、以下を追加しました:
$(document).ready(function () {
$('#buttonClick').click(function () {
$('#result').html('jQuery works!');
});
});
そして、それはうまくいきます。したがって、jquery は動作します。
それでは、私の問題に移りましょう。これをプロジェクトに使用しようとしています: http://muslimsalat.com/api/
そして、彼らの例を使用して:
jQuery(function($) {
$.getJSON('http://muslimsalat.com/london/daily.json?jsoncallback=?', function (times)
{
$('#result')
.append('Today in '+times.title)
.append(' Fajr: '+times.items[0].fajr)
.append(' Dhuhr: '+times.items[0].dhuhr)
.append(' Asr: '+times.items[0].ashr)
.append(' Maghrib: '+times.items[0].maghrib)
.append(' Isha: '+times.items[0].isha)
.append(' by MuslimSalat.com');
});
});
しかし!うまくいきません。理由も、修正方法もわかりません。悲しいことに何も表示されません。Windows 8アプリ開発でこれをどのように機能させるか知っている人はいますか? 通常のWebサイトでは問題なく動作します。
ありがとう