Zugriff auf die Funktion in einer anderen .js-Datei mit $.getScript

Ich habe ein problem bezüglich Zugriff auf eine Funktion aus einer js-Datei zu einer anderen.

Ich habe versucht, mit jquery um dieses problem zu lösen, aber es scheint nicht zu funktionieren. Meine Konsole im browser meldet nur:

http://localhost:58763/orderPicking.js?_=1460542934750 404 (Nicht Gefunden).

XHR geladen: GET "http://localhost:58763/orderPicking.js?_=1460542934750".

Mein js sieht wie folgt aus. Das ist die eine, mit der Funktion, dass ich für den Zugriff von einem anderen .js-Datei

    function HelloWorld() {
    //print Hello World  
    alert("hello world!");
}

Den anderen .js-Datei(die, Die in der Lage sein sollten, um auf die Funktion zuzugreifen) wie folgt aussieht.

    test();

function test() {
    $.getScript('orderPicking.js', function () {
        HelloWorld();
    });
}

Habe ich dieses zu mein index.html

<script type="text/javascript" src="views/OrderPicking/orderPicking.js"</script>
<script type="text/javascript" src="views/OrderPicking/orderLines.js"></script>

Ich hoffe, Euch kann mir helfen das problem zu beheben.

Sind Sie sicher, dass der Dateiname/die URL ist richtig? Vielleicht ist es in einem Unterordner etc? Die browser/server-reporting ist es nicht zu finden die Datei an diesem Ort.
Ja, ich denke, Sie sind richtig, Sie sind beide im selben Ordner gespeichert, der Pfad sieht aus wie dieser "Blick/Kommissionierung/"Beide Dateien sind hier abgelegt"
erstellen Sie ein Vereinfachtes Beispiel und legte es auf jsfiddle oder ähnliche. ich denke, Sie werden lösen Ihr eigenes problem dadurch in den Prozess.
Ich habe gerade versucht den Pfad zu ändern, um diese Funktion test() { $.getScript('views/OrderPicking/orderPicking.js', function () { HelloWorld(); }); } Jetzt bin ich immer: Fehler: "Uncaught ReferenceError: "HelloWorld" ist nicht definiert", Zeile 13, Datei, 'localhost:58763/views/OrderPicking/orderLines.js'
Vielen Dank für Ihre Antwort, aber jsfiddle ist begrenzt auf 1 js/html/css-Datei. Ich brauche zwei .js-Dateien.
Die übergabe von Daten als parameter an die callback-Funktion von get-Skript und Konsole, melden Sie es aus. Das sollte das JavaScript der Datei. Auch ist orderLines, der hat die test () - in? Entfernen Sie Kommissionierung die Aufnahme in die index.html wenn Sie anrufen können es dynamisch
Ich übergeben die Daten als parameter und als Sie erwähnt, dass ist meine orderPicking.js Datei. ordereLine ist das mit der test(), ja.
Seltsam. Wären Sie in der Lage zu posten den gesamten Inhalt der Kommissionierung-Datei irgendwo??? Wenn HelloWorld ist noch nicht definiert, aber das Konsole-log-Konsolen aus dem code, dann vielleicht HelloWorld ist nicht in den richtigen Bereich?
Ja, hier ist die komplette orderPicking.js Datei jsfiddle.net/v397c2mm
Versuchen Sie anrufen CommIT.orderPicking().HelloWorld() statt
Dadurch bekomme ich folgende Fehlermeldung Fehler: "Uncaught TypeError: CommIT.Kommissionierung(...).HelloWorld ist nicht eine Funktion',

InformationsquelleAutor Dilan Rashied | 2016-04-13

javascript jquery

1

Platzieren Sie diesen code in index.html:
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>getScript example</title>
</head>
<body>
    <div id="panel"></div>

    <script src="http://code.jquery.com/jquery-2.2.3.min.js"></script>
    <script src="orderLines.js"></script>
</body>
</html>
```
Platzieren Sie diesen code in orderLines.js im gleichen Ordner:
```
$(function() {
  $.getScript('orderPicking.js', function() {
    HelloWorld();
  })
})
```
Platzieren Sie diesen code in orderPicking.js im gleichen Ordner:
```
function HelloWorld() {
    $('#panel').html('<h1>hello world!</h1>');
}
```
Verwenden Sie ein Befehlszeilen-Dienstprogramm auf einem server laufen (während im gleichen Ordner). NB: File-Protokoll nicht funktionieren, müssen Sie einen server für das:
```
php -S localhost:8080
```
Durchsuchen http://localhost:8080, und Sie sollten sehen Hallo Welt!.

Obige code ist in einem gist, geringfügig geändert, um eine on-page-Nachricht statt einer Warnung.

Den Kern-code läuft auf bl.ocks.org. Es ist eine Sandbox-Umgebung, die nicht zulässt, Warnung, Anrufe, also habe ich Sie zum hinzufügen einer h1-tag statt.

NB getScript URL-parameter ist relativ zum Stammverzeichnis der Website. Also in Ihrem Fall müssen Sie getScript('views/OrderPicking/orderPicking.js', ...) für diese zu arbeiten.
- Vielen Dank für Ihre Antwort, aber wie kann ich rufen Sie die Funktion aus einer anderen .js-Datei?
- Bearbeitet zum Aufruf der Funktion aus einer anderen Datei. Wie das?
- Danke für die Antwort. Wenn ich versuche, bekomme ich einen 404 Fehler, wie es scheint, es ist nicht in der Lage zu finden orderPicking.js.
- Es funktioniert, sind Sie nicht man alle Dateien in einem Ordner. Bitte sagen Sie mir, wo die einzelnen Dateien sein soll. Und Bedenken Sie, dass sollten Sie ändern, Ihre Frage zu entsprechen, was du mir zu sagen. Es ist nicht ganz klar, was du versuchst zu erreichen.
- Ich habe die index.html Datei im Projekt Ordner namens Begehen.Mobile und in diesem Ordner ich habe /views/Kommissionierung/"die Beiden js-Dateien(Kommissionierung & orderLines), werden hier abgelegt". Was ich versuche zu tun ist, um den Zugriff auf eine Funktion aus orderPicking.js im inneren orderLines.js
- Ok, ich habe entdeckt Ihr Problem. Die getScript-URL (wenn auch relativen) wird aufgerufen, aus dem Stammverzeichnis der Website, nicht in Bezug auf, wo sich das aufrufende Skript befindet. So ändern Sie getScript('orderPicking.js') zu getScript('views/OrderPicking/orderPicking.js').
- Ich denke, dass Ihr code korrekt ist, wenn ich versuche, mit den änderungen, die Sie erwähnt, bekomme ich folgende Fehlermeldung. Fehler: "Uncaught TypeError: Unable to process Bindung "dxSlideOut: function (){return { menuItemTemplate:$("#slideOutMenuItemTemplate"),contentTemplate:" "} } " - Nachricht: Cannot read property 'Länge' undefined', line 72, file 'localhost:61041/js/knockout-3.4.0.js'. Ich denke, dieses problem ist verwandt mit dem framework arbeite ich innerhalb.
InformationsquelleAutor datashaman
3

Den Pfad relativ zu der Seite, die geladen wurde (nicht der Pfad
von Ihrem init-Skript), da die url, die der browser an, wenn
es führt die ajax-Anfrage.

Stellen Sie sicher, dass Ihre jQuery-code ist passiert, nachdem das Dokument fertig ist (machen sicher es irgendeine Art von prüfen, einfach $(document).ready(function () { //code }); würde genügen). Vorausgesetzt, es ist bereit, die folgende sollte gut funktionieren.
```
function test() {
    $.getScript('views/OrderPicking/orderPicking.js', function (data) {
        console.log(data); //should be the js file contents
        HelloWorld(); //should alert
    });
}
```
Wenn Sie mit jQuery 1.5+, es ist am besten, um die done und fail Rückrufe etwa so:
```
$.getScript('views/OrderPicking/orderPicking.js')
  .done(function (script) {
      HelloWorld();
  })
  .fail(function (jqxhr, settings, exception) {
      console.log('something went wrong!');
  });
```
- Vielen Dank für Ihre Antwort, ich bin immer: Fehler: "Uncaught ReferenceError: "HelloWorld" ist nicht definiert'. Ich habe beide Wege ausprobiert.
- Versuchen Sie anrufen CommIT.orderPicking().HelloWorld() statt
InformationsquelleAutor Shakespeare

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.