2016-02-14 64 views
0

因此,我知道使用AJAX可以在加載內容之後運行jQuery函數。如何在加載內容後運行jQuery函數

如果你可以去這個網頁,點擊顯示在菜單上的「공지사항」 http://lifeto.cafe24.com/xe/

嘗試點擊板任何圖像,你會發現在一個div幻燈片。但我是想知道是否有可能在jQuery attr函數完成之後讓div滑動。

或者如果不可能,是否有辦法解決它?

我已經嘗試過使用AJAX,但似乎有一個小故障, 所以我更喜歡使用iframe和jQuery動畫。

這裏是JS代碼。

jQuery(document).ready(function(){ 
    jQuery(document).on('click', '.item', function() { 
     jQuery('.loader_container_2', parent.document.body).show(); 
     var url = jQuery(this).data('url'); 

     jQuery('#iframe_board', parent.document.body).attr('src', url, 200); 

     jQuery('#window_frame', parent.document.body).addClass('open animated slideOutLeft'); 
     setTimeout(function() { 
      jQuery('.window_board', parent.document.body).removeClass('animated slideOutLeft'); 
      jQuery('.window_board', parent.document.body).addClass('open animated slideInLeft'); 
     }, 400); 

     jQuery('.loader_container_2', parent.document.body).hide(); 

    }); 
}); 

回答

1

jQuery有用於此目的的Load事件處理程序:

jQuery('#iframe_board', parent.document.body).attr('src', url).load(functino() { 
//....do your thing.... 
}); 
+0

無法想到的。非常感激..! –

相關問題