iScroll - Uncaught ReferenceError: myScroll ist nicht definiert index und Veralteten touch-event ACTION_DOWN erhielt von webcore

Benutze ich iScroll in meinem Level-Seite aber irgendwie ist mein editor beschweren ReferenceError in meine index-Seite (andere Seite), die ich nicht verwenden iScroll. Ich Suche 'myScroll' in meinem index, aber es ist kein solches Wort in meinem index. Wegen der Fehlermeldung, mein iScroll, dass die Arbeit in der browser funktioniert nicht im Android-emulator.

09-04 08:31:06.249: E/Web Console(942): Uncaught ReferenceError: myScroll is not defined at file:///android_asset/www/index.html:1

Wenn ich wischen Sie den emulator, den es produziert,

09-04 15:58:57.318: W/webview(3045): Stale touch event ACTION_DOWN received from webcore; ignoring

index.html (ich habe nicht verwenden, iScroll)

<!DOCTYPE html>
<html>
<head>

<title>App Name</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/jquery.mobile-1.0rc1.min.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>        
<div id="mainContainer" data-role="page" >
<div data-role="content">
    <div id="homeLinks">
    <img id="icon" src="css/images/icon.png">
    <p><a href="#level" data-role="button" data-theme="a">level</a></p>

    </div>   
  </div>        
</div>
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.0rc1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/cordova-1.7.0.js"></script>
</body>
</html>

level-Seite (Seite, die ich verwendet, iScroll)

<div data-role="page" data-add-back-btn="true" >
<header data-role="header">  
    <a href="settings.html" data-icon="gear" data-theme="b" class="ui-btn-right">Settings</a>  
    <h1>Study Levels</h1>  
</header>
<div id="level1" data-role="content">
    <div id="wrapper">
        <div id="scroller">
             <ul id="thelist">
                  <li><img src="css/images/level1.png"/></li>
                  <li><img src="css/images/level2.png"/></li>
                  <li>zz</li>
            </ul>
        </div>
    </div>

</div>      

<footer data-role="footer" data-position="fixed" data-tap-toggle="false">
    <div id="nav">
      <div id="prev" onclick="myScroll.scrollToPage('prev', 0);return false">&larr; prev</div>
      <ul id="indicator">
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
      </ul>
      <div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next &rarr;</div>
    </div>
</footer>   

<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.0rc1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/cordova-1.7.0.js"></script>
<script src="js/ender.js"></script>
<script type="text/javascript" src="iscroll-lite.js"></script>
<script type="text/javascript" charset="utf-8">
         $(document).ready(function () {

        this.myScroll = $('#wrapper').iScroll({
        snap: true,
        momentum: false,
       hScrollbar: false,
        onScrollEnd: function () {
          document.querySelector('#indicator > li.active').className = '';
          document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
        }
        })
    })
 </script>
</body>
InformationsquelleAutor shoujo_sm | 2012-09-04
  1. 1

    ----Update - - - - - - -

    Haben ein anderes Aussehen, $ in $('#wrapper').iScroll... ist aus ender nicht jQuery und ich glaube, das ist, einen Konflikt verursacht.

    So dass Sie vielleicht wollen, erstellen Sie einen Verschluss, so etwas wie dieses:

      (function($){
      $(document).ready(function() {
           this.myScroll = $('#wrapper').iScroll({
           //custom options here 
           });
      });
  })(ender);

    Und weil 'dieser' inneren enders-Dokument.ready function-points zu Fenster-Objekt,

    können Sie pass einfach auf inline-event-handeler wie diese:

     <div id="prev" onclick="myScroll.scrollToPage('prev', 0);return false"> stuff </div>

    Hoffe es hilft 🙂

    • Ich Folge den Beispielen von ender von der offiziellen website. Wenn ich die codes (die jquery-Teil) es wird nicht geklaut werden. Es bekommt : 09-04 14:27:14.318: E/Web-Console(2594): "Uncaught TypeError: Cannot call method 'scrollToPage' undefined in file:///android_asset/www/index.html:1
    • Entschuldige mich für das Lesen Ihrer Frage falsch, aktualisiert meine obige Antwort. prost 🙂
    InformationsquelleAutor Varinder
  2. 0

    Du gebunden die myScroll variable für das Dokument. Also entweder haben Sie uns durch den Aufruf von document.myScroll, oder Sie können binden Sie es an die window durch den Austausch this mit window (Oder einfach zu entfernen), so wird es:

    window.myScroll = $('#wrapper') ...

    dann können Sie nennen es als normale Variablen.

    • So muss ich ändern, um Fenster.myScroll = $('#wrapper').iScroll ?
    • Ja, sorry, falsch in meinem code aktualisiert.
    • Immer Nicht call method 'scrollToPage' undefined in file:///android_asset/www/index.html-Datei:1. Können Sie mir zeigen, eine ganze Reihe von snippets? Danke.
    InformationsquelleAutor ThoKra
Schreibe einen Kommentar