web,h5开发细节

事件委托

2018-08-02  本文已影响0人  曾经也是个少年

闲话不多说举个栗子:

  

  

    var html = '';

    var data = [1,2,3,4,5,6,7,] 

    for(var each in data){

      html += '

  • '+each+'
  • ' //按照我们正常的思想在这加onclick事件,如果这里面要加的事件比较多,数据比较长这就是个体力活了

        }

        $("#loins").append(html)

        //首先委托,顾名思义就是招代理人,这里也就是代理的标签对象,要注意的是,我们找的对象一定不要是js添加的

        //在这里我们符合要求的就是 

        var loins = $("#loins");

        //下面就是我们需要绑定事件的demo了

        var $list = loins.find('li') //这里可以根据所有类型来绑定不同的事件 比如class=1的个事件啊之类的

        for(var i = 0;i<$list.length;i++){  //这里需要注意的是,标签集合尽量不要用forEach ,forEach对这类型的集合兼容性不太好,容易出现越界的情况

          $($list[i]).click(funtion(){

          })

        }

    上一篇下一篇

    猜你喜欢

    热点阅读