rufen Sie die gleichen Namen Funktionen in Jquery?

Question

ich habe 2 Datei js in meiner asp Website namens

1-jquery.datepick.js 

2-jquery.hijridatepick.js 

diese Datei mit den gleichen Namen Funktionen haben, aber zweiten apear Popup hijricalender Ich nenne es von

<script type="text/javascript"> 
     $(function() { 
      $('[id$=TextBox1]').datepick({ dateFormat: 'dd/mm/yyyy' }); 
     }); 
    </script> 

für textbox2 ich möge 2 verwenden datepick Funktion aus der ersten Datei, wie ICALL es, weil ich die erste Datei als

$('[id$=TextBox2]').datepick({ dateFormat: 'dd/mm/yyyy' }); 

aber diesen Aufruf wieder die Funktion von refrenced zweite Datei ???

Answer 1

Die zweite Datei überschreibt die erste. Sie müssen den Namen einer der Funktionen ändern, um die Kollision zu vermeiden.

Sie werden so etwas wie dies in den Dateien:

jQuery.fn.datepick = function() { 
    // etc. 
}; 

Dies ist, wo Methode der jQuery-Plugin erstellt wird. Ändern Sie einfach datepick in einer oder beiden Dateien in etwas anderes und einzigartig.

Answer 2

Wie in der Antwort von FishBasketGordo erwähnt, überschreibt die zweite zu ladende Funktion die erste, und die Änderung des Namens von one wird dies beheben, jedoch gibt es ein tiefer liegendes Problem, das behoben werden muss.

Der Grund dafür ist, dass die Funktionen dem globalen Namespace hinzugefügt werden. In Javascript ist die Datei, aus der der Code stammt, irrelevant. Eine Möglichkeit vermeiden zu vermeiden, dass der globalen Namensraum verschmutzen ist Funktionen innerhalb eines Objekts zu wickeln, so in Ihrem Fall könnten Sie haben:

/* 1-jquery.datepick.js */ 
datepick = new Object; 
datepick.datepick = function() { 
    /* function definition here */ 
    alert('first file function'); 
}; 

/* 2-jquery.hijridatepick.js */ 
hijridatepick = new Object; 
hijridatepick.datepick = function() { 
    /* function definition here */ 
    alert('second file function'); 
}; 

Diese Funktionen können dann unter Verwendung zugegriffen werden:

datepick.datepick(); 
/* alerts 'first file function' */ 

hijridatepick.datepick(); 
/* alerts 'second file function' */