jQuery ajax方式加载页面后，被加载页面的js不能执行的问题

纯和书院

于 2017-01-30 20:15:29 发布

阅读量198

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/shanzimedia/article/details/54783834

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在回调函数里注册一下事件就可以了，要么就各个函数写在被加载的页面里。

    $ 
   (document 
   ). 
   ready 
   ( 
   function 
   ( 
   )  
   { 
   
    $ 
   ( 
   'content_div' 
   ). 
   hide 
   ( 
   ) 
   ; 
   
 
   
    $ 
   ( 
   '#list_user' 
   ). 
   click 
   ( 
   function 
   (event 
   ) 
   { 
   
        event. 
   preventDefault 
   ( 
   ) 
   ; 
   
        load_user 
   ( 
   ) 
   ; 
   
     
   } 
   ) 
   ; 
   
 
   } 
   ) 
   ; 
   
 
   
 
   function load_user 
   ( 
   ) 
   { 
   
     
   //load page 
   
    $ 
   ( 
   "#content_div" 
   ). 
   load 
   ( 
   'your page url' 
   , 
   function 
   ( 
   ) 
   { 
   
         
   //回调函数，在这里注册被加载页面需要的事件 
   
        $ 
   ( 
   ".deleteItem" 
   ). 
   click 
   (delItem 
   ) 
   ; 
   
        $ 
   ( 
   ".editItem" 
   ). 
   click 
   (editItem 
   ) 
   ; 
   
     
   } 
   ) 
   ; 
   
 
   
     
   function delItem 
   ( 
   ) 
   { 
   
        $. 
   ajax 
   ( 
   { 
   
            type 
   : 
   "POST" 
   , 
   
            url 
   : 
   "your url" 
   , 
   
            dataType 
   : 
   "json" 
   , 
   
            success 
   : 
   function 
   (data 
   ) 
   { 
   
             
   } 
   
         
   } 
   ) 
   ; 
   
     
   } 
   
 
   
     
   function editItem 
   ( 
   ) 
   { 
   
        $. 
   ajax 
   ( 
   { 
   
            type 
   : 
   "POST" 
   , 
   
            url 
   : 
   "you url" 
   , 
   
            dataType 
   : 
   "json" 
   , 
   
            success 
   : 
   function 
   (data 
   ) 
   { 
   
             
   } 
   
         
   } 
   ) 
   ; 
   
     
   } 
   
 
   } 
  