Uncaught ReferenceError: LENKER ist nicht definiert

Hallo sah, dass es einem anderen post mit dem gleichen Titel "ReferenceError: LENKER ist nicht definiert" da dies aber das problem nicht Blick die gleichen zu sein. Ich bin versucht, zu erstellen eine einzelne Seite app, aber ich bekomme immer "Uncaught ReferenceError: LENKER ist nicht definiert" - Fehler in der Konsole. Die Registerkarte "Netzwerk" auf der Konsole aussieht, um zu zeigen, dass die handlebars.min.js wird laden. Hier http://goo.gl/otKn2z ist ein JSfiddle, wenn Sie wollen, um den code anzuzeigen, oder zeigen Sie es live auf http://angus.2pm-chips.io/spa/

bitte nicht verweisen auf externe Quellen. stattdessen veröffentlichen Sie Ihren code hier

InformationsquelleAutor user3709389 | 2015-04-17

  1. 4

    Werden Sie den Aufruf LENKER vor, es ist immer geladen. Verschieben Sie Ihr Skript, kompiliert LENKER zum Körper wie unten.

    <!DOCTYPE html>
<html>

<head>
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="bower_components/materialize/bin/materialize.css" media="screen,projection" />
    <link type="text/css" rel="stylesheet" href="style.css" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

</head>

<body>
  <script type="text/x-handlebars-template" id="main-template">
    <h1>Loaded main template</h1>  
  </script>
    <button class="clear-screen">Click Me</button>
  <nav>
    <div class="nav-wrapper" id="nav-color">
      <a href="#!" class="brand-logo">Logo</a>
      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
      <ul class="side-nav" id="mobile-demo">
          <li><a href="#!"><i class="mdi-action-home left"></i>Home</a></li>
        <li><a href="#"><i class="mdi-content-add left"></i>Add Card</a></li>
          <li><a href="#"><i class="mdi-navigation-close left"></i>Remove Card</a></li>
        <li><a href="#"><i class="mdi-action-stars left"></i>Get Premium</a></li>
          <li><a href="#"><i class="mdi-action-settings left"></i>Settings</a></li>
      </ul>
    </div>
  </nav>
     <ul class="collapsible popout" data-collapsible="accordion">
    <li>
      <div class="collapsible-header" id="flybuys"><span id="flybuys-text">FlyBuys</span></div>
      <div class="collapsible-body"><img id="barcode" src="http://www.barcodes.co.nz/wp-content/uploads/39123439-code39.gif" /></div>
    </li>
    <li>
      <div class="collapsible-header" id="airpoints"><span id="airpoints-text">Airpoints</span></div>
      <div class="collapsible-body"><img id="barcode" src="http://www.barcodes.co.nz/wp-content/uploads/39123439-code39.gif" /></div>
    </li>
    <li>
      <div class="collapsible-header" id="onecard"><span id="airpoints-text">OneCard</span></div>
      <div class="collapsible-body"><img id="barcode" src="http://www.barcodes.co.nz/wp-content/uploads/39123439-code39.gif" /></div>
    </li>
         <li>
      <div class="collapsible-header" id="summitclub"><span id="summit-text">Kathmandu Summit Club</span></div>
      <div class="collapsible-body"><img id="barcode" src="http://www.barcodes.co.nz/wp-content/uploads/39123439-code39.gif" /></div>
    </li>
         <li>
      <div class="collapsible-header" id="clubcard"><span id="new-world-text">New World ClubCard</span></div>
      <div class="collapsible-body"><img id="barcode" src="http://www.barcodes.co.nz/wp-content/uploads/39123439-code39.gif" /></div>
    </li>
  </ul>

<!-- Modal Trigger -->
  <a id="btn-color" class="waves-effect waves-light btn modal-trigger" href="#modal1">Add More</a>

  <!-- Modal Structure -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Get Premium</h4>
      <p>To have more than 5 card you need Premium, this gives you the ability to have unlimited card! Get it now for only $1.</p>
    </div>
   <div class="modal-footer">
            <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat ">Not now</a>
            <a href="https://play.google.com/store" class="modal-action modal-close waves-effect waves-green btn-flat ">Get Premium </a>
          </div>
  </div>

    <div class="content">
        init content
    </div>


    <!--Import jQuery before materialize.js-->
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js">
    </script>
    <script type="text/javascript" src="bower_components/handlebars/handlebars.min.js"></script>
    <script type="text/javascript" src="bower_components/materialize/bin/materialize.js"></script>
    <script type="text/javascript" src="app.js"></script>

     <script type="text/javascript">
        var template = handlebars.compile( $('#main-template').html() );
        $(document).on('click','.clear-screen', function(){
            $('.content').html( template() );
        });
    </script>

</body>

</html>
    Da du mit jQuery, können Sie auch hören für jQuery bereit
    Ich Tat, aber ich bin noch immer der gleiche Fehler
    Sind Sie die überprüfung in Ihrem fiddle-link ?
    Nicht nur die Bearbeitung der Dateien und dem hochladen auf den server
    Dude, es ist Handlebars.compile nicht handlebars.compile

    InformationsquelleAutor Vigneswaran Marimuthu

Schreibe einen Kommentar