账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序for 循环中如何通过绑定事件 改变循环中图片的src值
    48
    0
    <view class='pro-item' wx:for="{{navList}}" wx:key="unique"> <view class='tui-list-head' id='NAV{{index}}'>{{item.c_name}}</view> <view class='tui-list-li'> <view class='goods-box' wx:for-item='items' wx:for="{{item.list}}" wx:key="unique" data-audio_name='{{items.audio_name}}' > <view class="goods-box-left"> <view class='goodsName'>{{items.audio_name}}</view> <view class='goodsDesc'>{{items.desc}}</view> </view> <view class="goods-box-right-box"> <image class="goods-box-right" data-src='{{items}}' src='{{audio_icon}}' bindtap="play_btn"></image> <view class="selece_me" bindtap="clik_audio_name">选我配音</view> </view> </view> </view> </view>play_btn: function (e){ console.log(e); if(this.data.audio_status=='play'){ this.setData({ "audio_status":'pause', "audio_icon":'../../images/pause.png' }), console.log('点了播放'); }else{ this.setData({ "audio_status":'play', "audio_icon":'../../images/play.png' }), console.log('点了暂停'); } },如何在点击了 paly_btn后 改变相对于循环中点击的那一条的 图片src值 现在的代码是点击了play_btn 后所有列的都变了
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 填海的精灵 普通会员 1楼

      在微信小程序中,你可以通过绑定事件来改变循环中的图片的src值。以下是一个简单的示例:

      ```javascript let arr = ['img1', 'img2', 'img3']; let index = 0;

      for (let i = 0; i < arr.length; i++) { arr[i].addEventListener('change', function() { // 获取当前图片的src值 let src = arr[i].src;

      // 检查src是否已经修改
      if (src != 'img1') {
        // 如果没有修改,则将src设置为新的src值
        arr[index].src = 'img' + index + '.png';
      }
      
      // 更新当前图片的索引
      index++;
      

      }); } ```

      在这个示例中,我们首先定义了一个数组arr和一个变量index来存储当前图片的索引。然后,我们遍历数组中的每个元素,为每个元素添加一个change事件监听器。在change事件处理函数中,我们获取当前图片的src值,并检查是否已经修改。如果已经修改,我们就将src设置为新的src值。最后,我们更新当前图片的索引。

      注意,这个示例假设每个图片的src值都是唯一的。如果每个图片的src值是唯一的,那么你可能需要使用某种方法来确保每次改变时新的src值是唯一的。

    • 乄風飛シ 普通会员 2楼

      在微信小程序中,你可以通过绑定事件来改变循环中的图片的src值。以下是一个简单的示例:

      ```javascript let arr = ['img1', 'img2', 'img3']; let index = 0;

      for (let i = 0; i < arr.length; i++) { arr[i].addEventListener('change', function() { // 获取当前图片的src值 let src = arr[i].src;

      // 检查src是否已经修改
      if (src != 'img1') {
        // 如果没有修改,则将src设置为新的src值
        arr[index].src = 'img' + index + '.png';
      }
      
      // 更新当前图片的索引
      index++;
      

      }); } ```

      在这个示例中,我们首先定义了一个数组arr和一个变量index来存储当前图片的索引。然后,我们遍历数组中的每个元素,为每个元素添加一个change事件监听器。在change事件处理函数中,我们获取当前图片的src值,并检查是否已经修改。如果已经修改,我们就将src设置为新的src值。最后,我们更新当前图片的索引。

      注意,这个示例假设每个图片的src值都是唯一的。如果每个图片的src值是唯一的,那么你可能需要使用某种方法来确保每次改变时新的src值是唯一的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部