2

jquery UI datepicker を使用していますが、問題があります。私の日付ピッカーは最初のロードでは機能しません。検索して、windows.loadの代わりにdocument.readyを試してみましたが、うまくいきません:/私のコードは次のとおりです:

$(window).load(function() {
  alert('carregado!')   
  $('.datepicker').datepicker({ format: 'dd/mm/yyyy', language: 'pt-BR', autoclose: true});
  $('#status_bar').barrating( {
    onSelect: function(value, text) {
      $('#projeto_status').val(value);
    }
  });
});

他の人の回答を見ていますが、誰も私と一緒に働いていません。私のプロジェクトはRails 4にあり、ターボリンクを使用しています

4

2 に答える 2

3

はい！ありがとう！わかった！

私は関数を偶然見て、見てください：

var do_on_load = function(){
  alert('carregado!')   
  $('.datepicker').datepicker({ format: 'dd/mm/yyyy', language: 'pt-BR', autoclose: true});
  $('#status_bar').barrating( {
    onSelect: function(value, text) {
      $('#projeto_status').val(value);
    }
  });
}

$(document).ready(do_on_load)
$(window).bind('page:change', do_on_load)

さぁ、解決!! :D

于 2013-07-31T17:21:21.243 に答える
1

ブラウザー内で開発者ツール (F12) を使用して、すべてのスクリプトが適切に読み込まれ、それらに関連するエラーが発生していないことを確認することをお勧めします。

必要な jQuery スクリプトと jQueryUI スクリプトを (この順序で) ロードしていること、およびこれらのスクリプトがロードされる前に datepicker() 関数が呼び出されていないことを確認する必要があります。

<!-- Related jQuery and jQueryUI scripts and CSS -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<!-- Place any scripts related to your barrating plugin here -->

<script type='text/javascript'>
  //Shorthand for $(document).ready(){ ... }
  $(function(){
    alert('carregado!')   
    //Your DatePicker
    $('.datepicker').datepicker({ format: 'dd/mm/yyyy', language: 'pt-BR', autoclose: true});
    //Ensure that you are closing each of these properly
    $('#status_bar').barrating({
         onSelect: function(value, text) {
              $('#projeto_status').val(value);
         }
    });
  });
</script>

例

于 2013-07-31T14:40:28.090 に答える