Javascript가 처음로드에서 작동하지 않습니다.

Question

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); 
    } 
    }); 
}); 

,하지만 저와 아무 작동합니다. 내 프로젝트가 레일 4에 있으며 사용 중입니다 turbolinks

Answer 1

브라우저 내에서 개발자 도구 (F12)를 사용하여 모든 스크립트가 올바르게로드되고 어떤 것도 경험하지 못하도록하는 것이 좋습니다 그들과 관련된 오류.

당신은 (순서대로) 필요한 jQuery를 스크립트와 jQueryUI 스크립트를로드하고 날짜 선택기() 함수는 그 스크립트 이전에로드되는 호출되는되지 않도록되어 있는지 확인해야합니다

:

<!-- 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> 

Example

Answer 2

YES! 감사! 알 겠어!

내가 기능을 기회 찾습니다

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