miniui mysql_MiniUi系列 jQuery 事件 - delegate() 方法

当点击鼠标时,隐藏或显示 p 元素:

$("div").delegate("button","click",function(){

$("p").slideToggle();

});

dcf9d3bd007e04141ae6a9ffa200e59f.png

0e4dd6d34cfefd6629aa519d59a15beb.png

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

语法

$(selector).delegate(childSelector,event,data,function)

参数

描述

childSelector

必需。规定要附加事件处理程序的一个或多个子元素。

event

必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。

data

可选。规定传递到函数的额外数据。

function

必需。规定当事件发生时运行的函数。

jQuery 效果 - slideToggle() 方法

$(".btn1").click(function(){

$("p").slideToggle();

});

定义和用法

slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。

如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

40acb9420f3d3b09801416f36593c347.png

div class= "mini-fit"自适应div,div class = “mini-tabs”页签

6ce90d28cbbd2d8a1fde47a8909585e3.png

885e0194096077944ac9678f2994b475.png

2ff7f71d0cc6814358baeaa13c4c482b.png

MiniUi初始化,grid 数据表格为空,初始化:mini.parse();mini.get('某某id').setColumns(this.buildColumns());   此处this代表miniui对象,

miniui.get('circulareconomytechnologymanage-grid1').setUrl('和后台交互路径'); 这个id在jsp对应的是class 就是mini-dataGrid,第二个url为下拉选

80bd0049b78f0bd5f7739748453e3860.png

a4d1c058f305686a2d4a73b5515b6eda.png

这个id = “search-form”表单

1b14c12150225c60e3b4500ba1d5baf1.png

这个id = “search”是搜索按钮

43aa98c225bc13980c3ef5adf9e4b714.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值