2017-01-09 5 views
6

ich eine Hybrid-App erstellt haben, in dem ich bxslider verwendet und platziert div im Inneren wie folgen,DOMException failed ‚setPointerCapture‘ auf ‚Element‘ und ‚releasePointerCapture‘ auszuführen

<div class="bxslider"> 
      <div id="chart1" style="text-align:center"> 
       <span id="barChartTitle">Bar Chart</span> 
       <svg id="chartCanvas" class="margintop40"></svg> 
      </div> 
      <div id="chart2" style="text-align:center"> 
       <span id="trendChartTitle">Trend Chart</span> 
       <svg id="chartCanvas" class="margintop40"></svg> 
      </div> 
     </div> 

, wann immer ich einen Hauch machen über die bxslider in der hTML-Ansicht erhalte ich folgende Fehler,

jquery.bxslider.js:1109 Uncaught DOMException: Failed to execute 'setPointerCapture' on 'Element': InvalidPointerId 
    at HTMLDivElement.onTouchStart (http://localhost:8100/js/jquery.bxslider.js:1109:34) 
    at HTMLDivElement.dispatch (http://localhost:8100/js/jquery-3.1.1.min.js:3:10315) 
    at HTMLDivElement.q.handle (http://localhost:8100/js/jquery-3.1.1.min.js:3:8342) 
onTouchStart @ jquery.bxslider.js:1109 
dispatch @ jquery-3.1.1.min.js:3 
q.handle @ jquery-3.1.1.min.js:3 
jquery.bxslider.js:1234 Uncaught DOMException: Failed to execute 'releasePointerCapture' on 'Element': InvalidPointerId 
    at HTMLDivElement.onTouchEnd (http://localhost:8100/js/jquery.bxslider.js:1234:32) 
    at HTMLDivElement.dispatch (http://localhost:8100/js/jquery-3.1.1.min.js:3:10315) 
    at HTMLDivElement.q.handle (http://localhost:8100/js/jquery-3.1.1.min.js:3:8342) 

ich viel gesucht, aber konnte nicht finden, warum der Fehler auftritt, bitte helfen Sie.

+0

Ich habe das gleiche Problem. Meine Bxslider Galerien funktionierten gut, bis ich neulich getestet habe und fing an, mir diesen Fehler zu geben. Interessanterweise tritt der Fehler nur auf Android-Geräten und nicht auf dem Emulator auf. – Daniela

+0

Ich entwickle eine Hybrid-App, also beim Testen der App im Chrom-Browser mit Simulator habe ich diese Fehler in der Konsole gefunden, dieser Fehler tritt auf, wenn ich irgendeinen Klick auf den Bxslider mache. – Selva

+0

Haben Sie eine Lösung gefunden? Ich stecke fest, da keine anderen Slides so ordentlich integriert sind wie bxslider. – Daniela

Antwort

6

Hier ist eine Problemumgehung, die funktioniert. Verwenden Sie diesen Code-Snippet:

var chromePointerEvents = typeof PointerEvent === 'function'; if (chromePointerEvents) { if (orig.pointerId === undefined) { return; } } 

Insert nach:

touchPoints = (typeof orig.changedTouches !== 'undefined') ? orig.changedTouches : [orig]; 

der Datei jquery.bxslider.js

Mehr Infos hier read simplicitytrade answer on Github.

+0

Vielen Dank @Daniela, Ihre Lösung funktioniert perfekt. – Selva

+0

Wo haben Sie diesen Code eingefügt? –

+1

@BobSwager suche in jquery.bxslider.js nach touchPoints = (typeof orig.changedTouches! == 'undefined')? orig.changedTouches: [orig]; und fügen Sie es danach ein – Daniela

Verwandte Themen