美文网首页
同一个节点 绑定相同的事件,分别执行

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

作者: lessonSam | 来源:发表于2020-05-07 19:12 被阅读0次

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

    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 隐式遍历的方法,我也很绝望啊

    相关文章

      网友评论

          本文标题:同一个节点 绑定相同的事件,分别执行

          本文链接:https://www.haomeiwen.com/subject/lgkzghtx.html