API Docs for: 0.2
Show:

JC.Cover Class

组件用途简述

require: JC.BaseMVC

JC Project Site | API docs | demo link

页面只要引用本脚本, 默认会处理 div class="js_compCover"

可用的 HTML attribute

covercnt = string, default = ""
遮罩显示的文本内容
coverselectorcnt = string, default = ""
遮罩显示的内容,显示由select指向的html
coverlink = string, default = ""
点击cover时,跳转的地址URL
coverpointer = boolean default = false
遮罩是否显示手型
coverdir = int default = 2
遮罩遮盖方向,0-上、1-右、2-下、3-左

Constructor

JC.Cover

(
  • _selector
)

Parameters:

Example:

   <h2>Default:</h2>
   <div class="js_compCover" style="height: 200px; width: 200px; background: red;"
       covercnt="test" coverpointer="true" coverlink="http://www.so.com"
   ></div>
   <h2>Some Text:</h2>
   <div class="js_compCover" style="height: 200px; width: 200px; background: red;"
       covercnt="Cover Text" coverdir="1" coverpointer="true" coverlink="http://www.so.com"
   >Some Text</div>

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

init

(
  • _selector
)
Array of CoverInstance static

初始化可识别的 Cover 实例

Parameters:

  • _selector Selector

Returns:

Array of CoverInstance:

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

通知选择器有新事件, 有返回结果
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

:

Events

coverClicked

JC.Cover 点击后 selector 触发的事件

Event Payload:

  • _evt Event
  • _target Target
  • _coverIns CoverInstance

Example:

   $( document ).delegate( "div.js_coverClickedEvent", 
       "coverClicked", function( _evt, _target, _coverIns ) {
           JC.log( 'item clicked' );
   } );
   

coverCovered

JC.Cover hover后遮罩遮挡后 selector 触发的事件

Event Payload:

  • _evt Event
  • _target Target
  • _coverIns CoverInstance

Example:

   $( document ).delegate( "div.js_coverCoveredEvent", 
       "coverCovered", function( _evt, _target, _coverIns ) {
           JC.log( 'item covered' );
   } );
   

coverLeaved

JC.Cover 鼠标离开后 selector 触发的事件

Event Payload:

  • _evt Event
  • _target Target
  • _coverIns CoverInstance

Example:

   $( document ).delegate( "div.js_coverLeavedEvent",
       "coverLeaved", function( _evt, _target, _coverIns ) {
           JC.log( 'item leaved' );
   } );