具有相同名稱的JS多功能

Question

我使用了不同的javascript函數。 問題在於它們具有相同的名稱，因此它們會相互覆蓋。 我想換一個名字，但到目前為止沒有用。

這里是功能之一以及如何使用它：

<script type="text/javascript">     
    $(function() {
        $('#datepicker').multiDatesPicker({
            altField: '#date',
            dateFormat: "yy-mm-dd",
        });
</script>

<div id="datepicker"></div>

另一個函數也像$(function() {}並使用<div id="date"></div>

我嘗試放入$(function name()但是沒有用。你有什么主意嗎？

Answer 1

這是對$ （在您的情況下為jQuery）的調用，它帶有一個參數，而該參數恰好是一個匿名函數。 它沒有名稱，並且多次出現此模式不會“覆蓋”先前的模式：

$(function() {
    // ...
});

將函數傳遞給$只是$(document).ready()簡寫。 如果您需要多個，則應該可以簡單地將它們組合：

$(function() {
    // Initialise your date picker
    // Do some other stuff
});

Answer 2

該函數是$（document）.ready（）的簡寫，只是對文檔ready事件的綁定。 這意味着您可以根據需要擁有任意數量的資源，而不會彼此覆蓋。

看到jsfiddle

    $(function()
  {
      alert('func1');
  });
$(function()
  {
      alert('func2');
  });