微信小程序 js设置hidden

dwa4821 2017-08-18 03:11:24
想要的效果如图,点击其中一张,那张出现遮障层。现在只能全部一起出现



<ul>
<li wx:for-items="{{list}}"
bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}">
<image src="{{item.img}}"></image>
<view hidden="true" class="pd">
<image src="/images/ico/product_dt_top2.png"></image>
</view>
</li>
</ul>
...全文
1123 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
提供另一种我感觉更简单的 替代的方案 用css里的伪类 :target就能很容易实现 https://htmlpreview.github.io/?https://github.com/wy7365596/MDN-Notes/blob/master/targetTest.html#show2 在线访问 并且可以看下源码
LBL121520 2017-08-18
  • 打赏
  • 举报
回复
引用 3 楼 dwa4821 的回复:
[quote=引用 1 楼 lbl231249 的回复:] <li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别,用this去获取当前元素,然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了
可以选择到该元素,但是不知道怎么设置属性 //选择套餐 formatclick: function (event) { let c=event.target; let b = event.currentTarget.dataset; let _this=this; let id=event.currentTarget.id; var query = wx.createSelectorQuery() let a = query.select('.'+id); a.flag=false; this.setData({ flag: false }); },[/quote] jquery的hidden写法就是$(".class").hide();主要是.hide()部分;你那个如果是 js那 就一样的 啊
dwa4821 2017-08-18
  • 打赏
  • 举报
回复
引用 1 楼 lbl231249 的回复:
<li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别,用this去获取当前元素,然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了
可以选择到该元素,但是不知道怎么设置属性 //选择套餐 formatclick: function (event) { let c=event.target; let b = event.currentTarget.dataset; let _this=this; let id=event.currentTarget.id; var query = wx.createSelectorQuery() let a = query.select('.'+id); a.flag=false; this.setData({ flag: false }); },
Go 旅城通票 2017-08-18
  • 打赏
  • 举报
回复
formatclick怎么写的?不用全部选出所以偶li什么的,要通过dom关系获取

推荐学习资料
JSONP跨域访问在线代理
asp网站使用utf-8编码注意事项
LBL121520 2017-08-18
  • 打赏
  • 举报
回复
<li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别,用this去获取当前元素,然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧