微信扫一下,即可关注我们!

智能检测

单纯的文字概念无法形象的描述这个功能,我们举个栗子吧。

比如,用户手动切换图片,这个插件在电脑端通过切换控制器实现,而在手机端则通过简单的滑动手势,单单这个想法已经很好了,但是怎么实现呢?首先,在插件内部有两个布尔类型的参数分别对其进行控制,最简单的做法无非是:在电脑上运行时,开启切换控制器并且关闭不必要的手势操作,在手机端运行时,则开启手势操作而禁用多余的切换控制器,在这个过程中,最重要的一点是什么?你得自己手动检测打开的终端类型。

是有那么一点点的小烦人,我们的做法是什么?其实,我们的做法——跟上面一样(哎呀,还没说完,别丢鸡蛋啊),思路是一样的,在使用中我们意识到,上面的做法虽然不会让 hhScroll 插件的使用者抵触和反感,但是并没有为其带来便捷,所以,我们最终为插件加了个参数,来控制上面的整个过程,而这一切(检测终端、开启关闭相应功能)都由我们的插件来完成,完全不会让开发者为此花费多余的时间,什么是智能?智能就是我们会帮你处理好所有琐碎不必要的事情。

上面就是我们的智能检测功能,而且仅仅只是其中的一部分。

设置图片切换效果

下面是设置切换指示器的相关参数:

参数名称默认值数据类型描述
smartDetecttrueBoolean智能检测,开启智能检测后,插件运行时能够检测打开终端类型(电脑端、手机端),并作出相应处理,也可以根据需要关闭智能检测。
电脑端:开启切换控制器,关闭滑动手势
手机端:关闭切换控制器,开启手势操作
enableSwipetrueBoolean手指滑动,此功能主要用于移动终端,电脑端默认不支持,如需在电脑端支持滑动手势操作,必须先关闭智能检测,并开启手势滑动。

我们制作了几个 demo 帮助开发者了解智能检测功能(提示,demo 的 HTML 请参照简单案例)。

电脑端开启滑动手势操作

js code 

$(document).ready(function(){

$(".demo").hhscroll({width:,height:,smartDetect:false});

});

标签中不存在图片

js code 

$(document).ready(function(){

$(".demo").hhscroll();

});

标签中只有一张图片

js code 

$(document).ready(function(){

$(".demo").hhscroll();

});