g.events.click.alert
data-click="alert" [data-options='{"content":"this is alert!"}']
点击弹出警告框。
<a href="javascript://" data-click="alert">alert</a> <input type="button" value="alert" data-click="alert" data-options='{"content":"this is alert!"}' />
g.events.click.confirm
data-click="confirm" [data-options='{"content":"this is confirm!"}']
点击弹出一个确认框，若选择确认执行AJAX提交。
<a href="javascript://" data-click="confirm">confirm</a> <input type="button" value="confirm" data-click="confirm" data-options='{"content":"this is confirm!"}' />
g.events.click.prompt
data-click="prompt" [data-options='{"content":"this is prompt!"}']
点击弹出一个提示框，若选择确认执行AJAX提交。
<a href="javascript://" data-click="prompt">prompt</a> <input type="button" value="confirm" data-click="prompt" data-options='{"content":"this is prompt!"}' />
g.events.click.get
data-click="get" [data-options='{"url":"json.php"}']
点击触发一个AJAX GET方法。
<a href="json.php" data-click="get">get</a>
g.events.click.post
点击触发一个AJAX POST方法。
data-click="post" [data-options='{"url":"json.php"}']
<a href="javascript://" data-click="post" data-options='{"url":"json.php"}'>post</a>
g.events.click.load
data-click="load" data-options='{"selector":"#load", "url":"ajax.php"}'
点击触发一个AJAX LOAD方法。
<a href="javascript://" data-click="load" data-options='{"selector":"#event-click-load", "url":"ajax.php"}'>load</a>
<div id="event-click-load"></div>
g.events.click.dialog
data-click="dialog" [data-options='{"url":"ajax.php"}']
点击触发一个弹出层方法。
<a href="javascript://" data-click="dialog" data-options='{"url":"ajax.php"}'>load</a>
g.events.submit.valid
data-submit="valid"
给表单增加验证，规则写在需要验证的输入框class里。
<form data-submit="valid"></form>
<input type="text" name="test" id="test"data-rule-minlength="3" data-rule-required="true" /><br/>
<input type="submit" value="submit" />
</form>
g.events.submit.href
data-submit="href"
将验证后提交的表单，转换成一个url地址跳转。
<form action="http://www2012.liba.com" data-submit="href">
<input type="text" name="test" id="test"data-rule-minlength="3" data-rule-required="true" /><br/>
<input type="submit" value="submit" />
</form>
g.events.submit.rewrite
data-submit="rewrite"
将验证后提交的表单，转换成有规则的地址提交。
<form action="http://www2012.liba.com/test/{test}" data-submit="rewrite">
<input type="text" name="test" id="test"data-rule-minlength="3" data-rule-required="true" /><br/>
<input type="submit" value="submit" />
</form>
g.events.submit.ajax
data-submit="ajax"
将验证后提交的表单，以ajax方式无刷新提交，用回调函数处理返回结果。
<form action="json.php" data-submit="ajax">
<input type="text" name="test" id="test"data-rule-minlength="3" data-rule-required="true" /><br/>
<input type="submit" value="submit" />
</form>
g.events.change.jump
data-change="jump" data-options='{"url":"index.php"}'
当选框值改变，跳转页面。
<select name="tmp" data-change="jump" data-options='{"url":"index.php"}'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
g.events.hover.toggle
data-hover="toggle" data-options='{"class":"hover"}'
鼠标hover效果，切换样式
<span data-hover="toggle" data-options='{"class":"error"}'>hover</span>
hover
g.events.mouseenter.over
data-mouseenter="over" data-options='{"hoverClass":"hover"}'
鼠标移动到元素上添加样式，通常和mouseleave同时使用。
<span data-mouseenter="over" data-mouseleave="out" data-options='{"hoverClass":"error"}'>hover</span>
hover
g.events.mouseleave.out
data-mouseleave="out" data-options='{"hoverClass":"hover"}'
鼠标移出元素删除样式，通常和mouseenter同时使用。
<span data-mouseenter="over" data-mouseleave="out" data-options='{"hoverClass":"error"}'>hover</span>
hover