jquery点击事件传值加载页面_用JQ的load方法载入页面,传参的问题?

目前我是这样解决的

1、对load进行二次封装,在异步加载完html片段后,包裹一个div[data-role="pie"],然后把入参用jquery.data()方法暂存在Pie上。

2、片段内部的代码可以通过.closest()方法回溯到pie 并提取入参。

支持Number、String、Ojbect等任意合法类型的入参

示例:

/**

* 说明:

* 通过传入的容器id和组件地址,异步加载Html片段。

* 自动生成一个带特定属性data-role="pie"的容器,用来包裹该html片段

* 通过$.data()把入参以mailbox键名暂存在Pie节点上

* 支持Number、String、Ojbect等任意合法类型的入参

* 组件内的脚本可以用.closest()方法追溯到该Pie容器,并提取传入的数据

* 另外,会根据PIE容器上的reload属性值,决定多次调用时是否重新请求代码片段

*

* 调用方法:

* App.includeHtml({url:'',container:'',data:{}})

*

* Options:

* @url: [必选] [string] 组件的url地址

* @container: [必选] [string] selector,load的内容所存放的容器比如:'#con' 或者'.content .tab'

* @data: [选填] [任意类型] 传给组件的数据,以'mailbox'保存在容器上

* @type [选填] [string] 填充方式'append|prepend|html',不填默认是'html'

* @reload: [选填] [boolen] 表示是否允许重新拉取,默认值是true

* @cb: [选填] [function] 表示该组件初始化成功时的回调方法

*/

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值