からコールJS機能と外部ファイルのページのロード

Question

にパラメータを渡す私はまだJSに新しいのようなものですので、私はこれを行うにとにかくがあれば知りたい：

main.jsは：

$(function() { 
    $('.delete_btn').click(function() { 
     var confirmation = confirm('Deseja remover este evento?'); 
     if (!confirmation) return false; 
    }) 
}) 

function updateIsoDate(date) { 
    $('.datepicker').datepicker('setDate', date); 
} 

私はすでにonloadの機能を呼び出していますが、必須ではなく、具体的なものです。

events.ejs：

...

<div class="form-group"> 
     <label for="date">Data do Evento</label> 
     <input type="text" class="form-control datepicker" id="date"name="date"> 
    <input type="hidden" id="dateInfo" name="date" value=' <%= event.date %>'> 
</div> 

...

<script> 
    $(document).ready(function() { 
     updateIsoDate($('#dateInfo').val()); 
    }); 
    <script> 

が、私はそれにパラメータを渡す外部ファイルから関数を呼び出すことができますか？ "script"タグにscr = "js/main.js"を追加する必要があるかどうかわかりませんcuz既に読み込まれています

私は自分のdatepickerに表示するようにIsoDateフォーマットを変更しようとしています。動作していますが、別のファイルから呼び出すページを少しきれいにしたいと思っています。

賞賛！：

まずそのおかげでワット皆、特にジョナスは、私は何かが間違っている、とあなたの時間を無駄にして申し訳ありませんでし実感しました。

回答：

あなたはすでに以前のjsファイルをincluedをすれば、例：

<script src="/js/main.js"></script> 

あなたはスクリプトタグから機能、および

$(function() {'code here'} 

を使用して、または呼び出すことができます

$(window).on('load', function() {'code here'} 

ページの準備ができている場所（1番目）または完全に読み込まれた場所（2番目）を呼び出します。

だからあなたの関数を呼び出すと、引数/パラメータを渡すには、次のようになります。

<script src="/js/main.js"></script> 
<script> 
    $(window).on('load', function() { 
     myFunc(arg); 
    } 
</script> 

Answer 1

events.ejsを：結果にあなたが持つことになりますので、あなたは、あなたのmain.jsに

<script> 
    $(document).ready(function() { 
     updateIsoDate($('#dateInfo').val()); 
    }); 
<script> 

を移動しないのはなぜ

Answer 2

あるSimpyは行います

window.onload=function(){ 
coolonloadfunction("p1", "p2"); 
} 

かのjQueryに：これは実行

$(document).ready(function(){ 
coolonloadfunction(" p1", "p2"); 
}); 

：

function coolonloadfunction(a,b){ 
alert(a);//p1 
alert(b);//p2 
} 

012別のファイルであってもよい

は、をロードすることができる。外部ファイルは、ファイル内の関数を呼び出すコードの前に置かれるべきであることを覚えておいてください

<script src=" scriptwithcoolonloadfunction.js"></script> 

これは見出しに答えますが、あなたの本当の質問は私には少し不明です。

function updateIsoDate(date) { 
    $('.datepicker').datepicker('setDate', date); 
} 
$(function() { 
    $('.delete_btn').click(function() { 
     var confirmation = confirm('Deseja remover este evento?'); 
     if (!confirmation) return false; 
    }) 
    $(document).ready(function() { 
     updateIsoDate($('#dateInfo').val()); 
    }); 
}) 

Answer 3

を指定してください

をI javacriptファイルを追加しました

ここ

main.jsが

<script> 
    $(window).on('load', function() { 
     // Formating IsoDate to be displayed and setting into the datepicker 
     updateIsoDate($('#dateInfo').val()); 
    }); 
    </script> 

main.jsファイル内の値は

<div class="form-group"> 
     <label for="date">Data do Evento</label> 
     <input type="text" class="form-control datepicker dp-add" id="date" name="date"> 
     <input type="hidden" id="dateInfo" name="date" value=' <%= event.date %>' required> 
    </div> 
    ... 

そして引数を渡す機能を呼び出すために$(window).on('load', function()使用される入力：

function updateIsoDate(date) { 
$('.datepicker').datepicker('setDate', date); 
} 

を