Go语言视频零基础入门到精通

admin

做项目的时候使用到一个图片浏览的插件jQuery.iviewer，链接地址：http://www.jq22.com/jquery-info4580
效果如下：

但是应用的时候出现不能滚动放大缩小的问题，查看代码的时候发现封装的滚轮判断事件有点问题，返回的delta都为0，然后对jquery.iviewer.js的代码做了一些修改：
1、添加函数addWheelEvent来判断滚动方式

1. /**
2.     *   nomousewheel
3.     **/
4.     // 兼容所有浏览器
5.     addWheelEvent: function (obj,efn){
6.         //判断IE8还是非IE8
7.         if(document.addEventListener){
8.             //火狐还是非火狐
9.             var oDiv = document.createElement("div");
10.             if(oDiv.onmousewheel === null){
11.                 obj.addEventListener("mousewheel",fn,false);
12.             }else{
13.                 obj.addEventListener("DOMMouseScroll", fn, false);
14.             }
15.         }else{
16.             obj.attachEvent("onmousewheel", fn);
17.         }
18.         function fn(ev){
19.             ev = ev || window.event;
20.             var d = ev.wheelDelta/120 || -ev.detail/3;
21.             var rs = efn.call(obj,ev,d);
22.             if(rs === false){//禁止滚动条默认事件
23.                 ev.preventDefault && ev.preventDefault();
24.                 return false;
25.             }
26.         }
27.     },

复制代码

2、修改_create函数中的滚动事件：注释"mousewheel.iviewer"方法，改用前面新增的方法addWheelEvent

1. if (this.options.mousewheel) {
2.             // this.container.bind("mousewheel.iviewer", function(ev, delta)             var obj = this.container.get(0);//将jQuery对象转化为DOM对象             this.addWheelEvent(obj,function(ev,delta)//使用新增方法             {
3.                 //this event is there instead of containing div, because
4.                 //at opera it triggers many times on div
5.                
6.                 var zoom = (delta > 0)?1:-1,
7.                 container_offset = me.container.offset(),
8.                 mouse_pos = {
9.                     //jquery.mousewheel 3.1.0 uses strange MozMousePixelScroll event
10.                     //which is not being fixed by jQuery.Event
11.                     x: (ev.pageX || ev.originalEvent.pageX) - container_offset.left,
12.                     y: (ev.pageY || ev.originalEvent.pageX) - container_offset.top
13.                 };
14.                 me.zoom_by(zoom, mouse_pos);
15.                 return false;
16.             });

复制代码