LOAD

时间:2019-09-20
本文章向大家介绍LOAD,主要包括LOAD使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

在jQuery中,制作多张网页。如果网页含有大量公共样式的话,可以将公共样式放到一个html文件中,(例如放到一个名字为top.html)中,每个部分的class分别设置成不同名字(例如t,b)。 在需要引入公共样式的地方设置一个div,并设置class(例如:lytop,lybottom),然后用jquery中的方法引入所需要的css,如下所示,用“.”+"名字"区分不同位置所需的不同css。load封装的是ajax,是异步。无法直接绑定到ajax中的元素,但是可以通过回调函数绑定到事件。

或者用事件委托的方法,因为事件委托可以给页面暂时不存在的元素绑定事件

 $(".lytop").load("http://localhost/1908/jq-ajax/load/data/top.html .t",function(res){
        console.log(res)
        console.log($(".lytop").find("li")) //通过回调函数查找到事件
    })
    $(".lybottom").load("http://localhost/1908/jq-ajax/load/data/top.html .b")
     $(".lytop").find("li").click(function(){
         console.log(1)  //这个会发生异步,不会出现1;
     })  
  $(".lytop").on("click","li",function(){  //事件委托
         console.log(1)  //1
     })

原文地址:https://www.cnblogs.com/hy96/p/11558397.html