同一个节点 绑定相同的事件,分别执行

2020-05-07  本文已影响0人  lessonSam

找到他们执行的切入点 保存执行状态
我这里的执行环境是修改和新增公用一个模态框 ,为模态框的确认事件绑定了两个点击事件
注意判断不能写到外面,因为函数是事件驱动的

var isAdd=0 ;   // 0表示修改 1 表示新增
$(".sure").on("click", function () { 
    if (isAdd === 0) {
      var $input = $(".modify-info input");
      for (var key in inputData) {
        inputData[key] = $input.filter("." + key).val();
        $otd.filter("."+key).html(inputData[key])
      }
      $("#inputModal").modal("hide");
    }
})


$(".sure").on("click", function () {
    if (isAdd === 1) {
      for (var i = 0; i < 6; i++) {
        afterData.push($input[i].value)
      };
      str = ` <tr>
      <td class="check"><input type="checkbox"></td>
      <td class="baseInfo">${afterData[0]}</td>
      <td class="buyTd">${afterData[1]}</td>
      <td class="goodsTd">${afterData[2]}</td>
      <td class="sugTd">${afterData[3]}</td>
      <td class="profitTd">${afterData[4]}</td>
      <td  class="mark">${afterData[5]}</td>
      <td class="action">
          <a class="modify btn btn-primary btn-sm" >修改 </a>
          <a class="del btn btn-danger btn-sm">删除</a>        
      </td>
    </tr>`
      $(".tab").append(str);
      str=""
      // 初始化 选中的状态
      $(".tab td input[type='checkbox'] ").prop("checked", false);
      $("#inputModal").modal("hide");
   }
});

请大家慢点喷,公司不让用es6 以及jQ 隐式遍历的方法,我也很绝望啊

上一篇下一篇

猜你喜欢

热点阅读