Accidental discovery: Swaper's click on the link in Google Browser is invalid

Today, a customer reported a problem to us, Tianxing Studio One of them Zblog template There is an image scrolling module in which clicking the link does not reflect that the problem does exist after testing, and this problem only occurs in Google Chrome or domestic browsers that use Google Chrome kernel.

View the source code and find that this module uses“ Swiper ”And then pull the code to the local place to eliminate the comparison and finally find and solve the problem. Let's try to explain the causes and solutions of this problem.

The Swaper js plug-in is mainly used on the mobile end, so the default settings of the plug-in are all for the mobile end. However, the mobile terminal does not have a mouse and can only be dragged and slid by hand, so some default configuration items will conflict when used on the computer terminal.

This problem is caused by zblog Template Drag and drop scrolling function is loaded by default using the picture scrolling module. The mouse can be pressed and dragged, but the mouse is also used to click the link, so

The solution to the problem is simple. Just disable the mouse drag and scroll function. Find the "autoplayDisableOnInteraction" configuration item in the official document of Swiper and add the prohibition code,

Attach the official document Document address: http://www.swiper.com.cn/api/basic/2014/1215/19.html 。

I hope this article can help you with the same problem.