ReferenceError: nicht definiert

Nachdem ich mein Projekt bereitstellen auf Heroku, bekomme ich für den folgenden code im Firebug folgenden Fehler:

ReferenceError: SirTrevor ist nicht definiert

<script type="text/javascript" charset="utf-8">
$(function(){
  var instances = $('.sir-trevor-area'),
  l = instances.length;
while (l>=2) {
 instance = $(instances[l]);
 new SirTrevor.Editor({ el: instance, blockTypes: ["Video"], defaultType: "Video" });
 l--;
};
while (l>=1) {
 instance = $(instances[l]);
 new SirTrevor.Editor({ el: instance, blockTypes: ["Embedlylink"], defaultType: "Embedlylink" });
 l--;
};
while (l>=0) {
 instance = $(instances[l]);
 new SirTrevor.Editor({ el: instance, blockTypes: ["Heading", "Text", "Image", "Video", "Embedly"], defaultType: "Text" });
 l--;
};
});
</script>

Firebug highlights dieser Zeile "

new SirTrevor.Editor({ el: instance, blockTypes: ["Heading", "Text", "Image", "Video", "Embedly"], defaultType: "Text" });

"

Auf dem localhost alles scheint in Ordnung, keine Fehler.
Jemand eine Idee was das problem sein könnte?
Ich danke Ihnen so sehr für Ihre Hilfe! Wirklich zu schätzen!

UPDATE:

SirTrevor definiert ist sir-trevor.js die erfolgreich geladen werden über die Rails asset-pipeline in der application.js Datei.

Dies ist mein application.js Datei:

//= require jquery
//= require jquery_ujs
//= require sir-trevor
//= require underscore.js
//= require eventable.js
//= require twitter/bootstrap
//= require jquery.sidr.js
//= require_tree .

Vor push zum Heroku ich tun "rake assets:precompile" . Auf localhost ist alles in Ordnung scheint.

Anwendung.html-Code.erb-header:

<!DOCTYPE html>
<html>
<head>
  <title>Tt</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>

</head>
Naja, SirTrevor ist nicht definiert. Dort beginnen. 1) von wo ist SirTrevor definiert werden und; 2) ist, der die Ressource erfolgreich geladen wurde? (Benutzen Sie den web-browser, Entwickler-tools zum überwachen des Netzwerk-Anforderungen.)
Überprüfen Sie, ob alle Javascript-Dateien sind ordnungsgemäß geladen.
Das Skript, das SirTrevor Klasse nicht laden.
Erfahren Sie, wie JavaScript-Fehlersuche.
Ich denke, es ist ein externes Skript, und Sie hat nicht vorkompiliert.Sehen Sie in der console wenn es nicht geladen.

InformationsquelleAutor YvonC | 2013-11-20

  1. 2

    Um die Frage schließen eine kurze Zusammenfassung:
    Dank der Hilfe von @iamjpg ich fand es schließlich heraus.

    Zuerst habe ich beseitigt alle javascript aus der <body> und in separate js-Dateien.
    Dann habe ich eingestellt das in der Hierarchie application.js Datei. Sir Trevor hat Abhängigkeiten zu underscore.js und eventable.js,, so dass Sie höher als sir-trevor.js .

    //= require jquery
//= require underscore.js
//= require eventable.js
//= require twitter/bootstrap
//= require jquery_ujs
//= require sir-trevor
//= require jquery.sidr.js
//= require_tree .
    In meiner situation, ich hatte die URL mit CSS-Erweiterung anstelle einer JS innerhalb der <script> - tags. Der editor nicht warnen...

    InformationsquelleAutor YvonC

Schreibe einen Kommentar