1

Jadeを使用してdatepickerを機能させようとして立ち往生しています。フレームワークはnode.jsとexpressです。

次のように index.jade に JavaScript をロードします。

link(type='text/css', href='css/ui-lightness/jquery-ui-1.9.1.custom.min.css',  rel='stylesheet')
script(src='js/jquery-1.8.2.js', type='text/javascript')
script(src='js/jquery-ui-1.9.1.custom.min.js', type='text/javascript')
script(src='js/i18n/jquery-ui-i18n.min.js', type='text/javascript')

以下のコードでこれらの JavaScript を使用する方法をいくつか試しましたが、何か足りないものがあるはずです。jQuery ライブラリへの参照を見つけたのと同じ場所で、これらのコード行を見つけました。

$(function(){
 $.datepicker.setDefaults(
 $.extend($.datepicker.regional[""])
 );
 $("#datepicker").datepicker();
});

Jadeでそれをどのように表現または使用できますか?

回答ありがとうございます。

4

1 に答える 1

4

これはテンプレートとして機能するはずです (css/js ファイルがインストールされていて、適切にロードできると仮定します):

!!!5
html
  head
    link(type='text/css', href='css/ui-lightness/jquery-ui-1.9.1.custom.min.css',  rel='stylesheet')
    script(src='js/jquery-1.8.2.js', type='text/javascript')
    script(src='js/jquery-ui-1.9.1.custom.min.js', type='text/javascript')
    script(src='js/i18n/jquery-ui-i18n.min.js', type='text/javascript')
    script
      $(function() {
        $.datepicker.setDefaults(
          $.extend($.datepicker.regional[""])
        );
        $("#datepicker").datepicker();
      });
  body
    #datepicker
于 2013-05-17T08:27:33.833 に答える