微信小程序for循環(huán)中的view綁定tap事件？

我在for中循環(huán)寫了3個view，然后在for循環(huán)內(nèi)給每個view綁定了tap事件，可是點擊的時候發(fā)現(xiàn)只有第三個view能觸發(fā)事件，其他兩個點擊都不能觸發(fā)，這是為什么？
主要代碼如下：

<view class="menu-list" bindtouchmove="buttonMove" bindtouchstart="buttonStart" bindtouchend="buttonEnd">
   <view class="menu-item" wx:for="{{menuList}}" wx:key="unique" animation="{{animationData}}">
    <view class="menu-circle-item" style="-webkit-transform: rotate({{item.deg}}deg);" data-menu="{{item.menu}}" data-id='{{item.id}}' catchtap='turntomenu'>
     <image class="image-style" src="{{item.src}}"></image>
    </view>

 onReady: function (e) {
    var that = this;
    app.menuConfig = {
      menu: [
        { 'index': 0, 'menu': '菜單1', 'src': '../../pictures/pbills.png' },
        { 'index': 1, 'menu': '菜單2', 'src': '../../pictures/num8.png' },
        { 'index': 2, 'menu': '菜單3', 'src': '../../pictures/moto.png' },
      ]
    }
    var menuConfig = app.menuConfig.menu,
      len = menuConfig.length,
      menuList = [],
      degNum = 360 / len 
    for (var i = 0; i < len; i++) {
      menuList.push({id:i, deg: i * degNum, menu: menuConfig[i].menu, src: menuConfig[i].src });
      console.log("menu:" + menuConfig[i].menu)
    }
    that.setData({
      menuList: menuList
    });
  },
  turntomenu:function (event){
    var id = event.currentTarget.dataset.id;
    if(id==0){
      wx.navigateTo({
        url: '../menu0/menu0'
      })
    }else if(id==1){
      wx.navigateTo({
        url: '../menu1/menu1',
      })
    }else{
      wx.navigateTo({
        url: '../menu2/menu2',
      })
    }
  }

生成的效果如下：

然后只有點擊菜單3的時候能夠跳轉(zhuǎn)，其他兩個菜單都不能觸發(fā)點擊事件，求問這是什么問題？