DOMException 无法在 'Element' 和 'releasePointerCapture' 上执行 'setPointerCapture'

Question

我创建了一个混合应用程序，我在其中使用了 bxslider 并将 div 放入其中，如下所示，

<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>

每当我在 html 视图中触摸 bxslider 时，我都会收到以下错误，

   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)

找了很多都没有找到错误的原因，请大家帮忙

Answer 1

这是一个可行的解决方法。使用这段代码：

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

在之后插入：

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

文件 jquery.bxslider.js

这里有更多信息 read simplicitytrade answer on Github。

Answer 2

你为什么不试试这个当前版本？

<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />

DOMException 无法在 'Element' 和 'releasePointerCapture' 上执行 'setPointerCapture'

DOMException failed to execute 'setPointerCapture' on 'Element' and 'releasePointerCapture'

javascript

jquery

bxslider