bxslider-4
bxslider-4 copied to clipboard
Links inside the sliders are not working on Chrome
Works well on other major browsers.
Agreed, i've just updated to version chrome v73. Links or click events no longer work on chrome
Quickfix: You can set touchEnabled: false and only set this option mobile to true.
EDIT: The error is in line 1085: slider.viewport.on('touchstart MSPointerDown pointerdown', onTouchStart); Pointerdown prevents clicking when there is linked text in the slider. So far I haven't had the chance to fix the bug.
Setting touchEnabled to false worked as a quickfix.
Thanks @adihimself, this fixed worked like a charm for us as well!
#1240
touchEnabled: false,
worked for me, but this is a problem that needs a permanent fix, @stevenwanderski
Thank you, @adihimself
BTW, thank you @stevenwanderski for bxslider!
touchEnabled: false is not fixing any more
i've reverted to version 4.2.10
I followed this thread suggestions and finally worked for me by doing:
comment line 1081:
slider.viewport.bind('touchstart MSPointerDown pointerdown', onTouchStart);
also onclick event binding at line 1085:
slider.viewport.on('click', '.bxslider a', function(e) { if (slider.viewport.hasClass('click-disabled')) { e.preventDefault(); slider.viewport.removeClass('click-disabled'); } });
I fix this problem with comment string http://prntscr.com/nsdqo3 slider.viewport.get(0).setPointerCapture(slider.pointerId);
I fix this problem with comment string http://prntscr.com/nsdqo3 slider.viewport.get(0).setPointerCapture(slider.pointerId);
I did this. Links in the slider work now. However on desktop, when clicking and dragging in the slider, upon release, the link you clicked on to drag will open.
Remove or comment this line [ at 1074 ] or change. My problem has solved by this.
slider.viewport.bind('touchstart MSPointerDown pointerdown', onTouchStart);
Click to see screenshot: 4.1.12 click link problem solvement
Remove or comment this line [ at 1074 ] or change. My problem has solved by this.
slider.viewport.bind('touchstart MSPointerDown pointerdown', onTouchStart);
Click to see screenshot: 4.1.12 click link problem solvement
This worked for me. Thanks!
To get around the no touch issue on mobile, wrap it in this conditional:
var isTouch = !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0;
if (isTouch) {
slider.viewport.bind('touchstart MSPointerDown pointerdown', onTouchStart);
}
https://github.com/stevenwanderski/bxslider-4/issues/1246#issuecomment-578089111 @xbd63
Thanks. That works for me.
Just replace following line:
if (e.type !== 'touchstart' && e.button !== 0) {
With this code:
if ((e.type !== 'touchstart' && e.button !== 0) || e.target.nodeName === 'A') {
Thanks all the "touchEnabled: false" is work for me.
Thanks all the "touchEnabled: false" is work for me.