次のサンプルコードがあります。jQueryスクリプトの前にファンデーションスクリプトを配置すると正常に機能しますが、jQueryの後にファンデーションスクリプトを配置すると、カレンダーが表示されません。
ファンデーションスクリプト(または他のjQuery依存スクリプト)をjQueryの前または後に配置することを想定していますか?
FoundationのWebサイトから、彼らのサンプルは、jQueryスクリプトの後にFoundationスクリプトを配置することを提案しています。
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/foundation/3.2.2/javascripts/foundation.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#datepicker').datepicker();
});
</script>
<div id="datepicker"></div>