sadece belge bitiş yükleme sonrasında

Question

Garip bir durum, bir jQuery işlevi yüklemek için:

Ben jQuery ve CSS kullanarak bir menü çubuğu inşa ediyorum. Ben, nedense ...

function mark_active_menu() { 
    var elementWidth = $("nav li").width(); 
    alert(elementWidth); 
} 

$(document).ready(function(e) { 
    mark_active_menu(); 
} 

ve hatta ÖNCE tüm belge bitiş yükleme: Benim JavaScript dosyasında
, bir on-ready fonksiyonu şöyle var Uyarı mesajını yanlış genişlikle almak. Sadece mesajı bıraktığımda, dokümanın geri kalanı yüklenir ve olması gerektiği gibi doğru genişliğe ulaşırım.

Neden tüm belgemin yüklenmesi bitmeden ÖNCE işlevi çağrılıyor? Yalnızca belirli bir öğenin yüklenmesi bittikten sonra (Örnek: nav öğesi) işlevi yüklemek için bir yol var mı?

Answer 1

window.load'u kullanabilirsiniz, tüm kaynak yüklemeleri tamamlandıktan sonra tetiklenir.

$(window).load(function(e) { 
    mark_active_menu(); 
}); 

belge yükleme işleminin sonunda yük olayı. Bu noktada anda, belgedeki tüm nesneleri DOM ve tüm görüntüleri ve alt çerçeveler Reference

Answer 2

pencere deneyin, emin olmak için, yükleme bitirdikten load

$(window).load(function(e) { 
    mark_active_menu(); 
} 

Answer 3

pencere yük olayı deneyin:

$(window).load(function() { 
    //Stuff here 
}); 

Answer 4

tüm güncel çözümler sadece ana problemin semptomları tedavi etmektir. İşleyicinizin tüm ajax yüklerinizden sonra 'u çalıştırmasını istiyorsanız, bir söz verebilirsiniz.

var ajax1 = $.ajax(); 
var ajax2 = $.ajax(); 

jQuery(function($) { 
    $.when.apply($, [ajax1, ajax2]).done(function() { 
     // your code here 
    }); 
}); 

Answer 5

(bazen başlangıçta kesinlikle yüklemez, (sonra birkaç milisaniye 0-200ms yaklaşık)) Önce:

$(document).ready(function(){ 
$('body').hide(0); 
}); 

sonra: In

$(window).load(function(){ 
$('body').delay(500).show(0); 
}); 

Answer 6

benim AJAX ve HTML ile çalışma durumu. $ (Document) .ready() ve $ (window) .load() işlevleriyle aynı sorunu yaşıyorum. Etkinliğimin işleyicisini (HTML DOC'de çalışması gereken) AJAX denetçisinin bittikten hemen sonra çalışan jQuery işlevine ekleyerek bu sorunu çözdüm. Bunu okuyun: " jQuery.post()" (işlevde üçüncü parametre). ajax ile belgenizin

var RequestRootFolderContent = function(){ 
    $.post(
     'PHP/IncludeFiles/FolderContent.inc.php', 
     function(data){ 
      $('[class~="folder-content"]').html(data); 

      //Here what you need 
      $('[class~="file"]').dblclick(function(){ 
       alert("Double click"); 
      }); 
     } 
    ) 
}