SORU
13 ŞUBAT 2009, Cuma

Bir WordPress kullanmak sormak için resmi olmayan bir şeyler çalıştırmadan önce yüklemek için tüm görüntüler için bekleyin

Bunu yaptığınızda içinde bir WordPress kullanmak:

$(function() {
   alert("DOM is loaded, but images not necessarily all loaded");
});

Yüklemek için DOM ve bekler kodunuzu çalıştırır. Eğer tüm resimler yüklendikten sonra Eğer hala kod çalıştırır. Bu veya öğeleri gösterme ya da gizleme ya da olayları eklemek gibi herhangi bir DOM şeyler başlatılıyor olursak istediğimizi belli ki.

Hadi biraz animasyon istiyorum ama bu demek ve tüm resimler yüklenene kadar çalışmasını istemiyorum. JQuery resmi bir şekilde bunu yapmak için var mı?

Ben en iyi yolu <body onload="finished()"> kullanmaktır ama çok gerekmedikçe bunu yapmak istemiyorum.

Not: $function() { } içinde kod yürütmeden önce aslında yüklemek için tüm görüntüler için bekleyin bug in jQuery 1.3.1 Internet Explorer Var. Eğer bu platformu kullanıyorsanız davranış alacaksın yerine doğru davranış yukarıda açıklanan arıyorum.

CEVAP
13 ŞUBAT 2009, Cuma

JQuery ile $(document).ready() ne zaman bir şeyler yürütmek için kullanınDOMtüm diğer şeylerin yanı sıra yüklendiğinde bir şey çalıştırmak için yüklü ve $(window).load(), görüntüler gibi.

Fark ** 10 JPEG dosyaları (veya başka uygun olanlar) olması koşuluyla aşağıdaki tam HTML dosyasında görülebilir:

<html>
    <head>
        <script src="jquery-1.7.1.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                alert ("done");
            });
        </script>
    </head><body>
        Hello
        <img src="jollyroger00.jpg">
        <img src="jollyroger01.jpg">
        // : 100 copies of this
        <img src="jollyroger99.jpg">
    </body>
</html>

Bunun üzerine, bir uyarı kutusu görüntüler DOM bu noktada hazır olduğundan yüklü, önce görünür. Eğer daha sonra değiştirmek için:

$(document).ready(function() {

içine:

$(window).load(function() {

sonra uyarı kutusu kadar görünmüyorsonraresimler yüklenir.

Dolayısıyla, bütün sayfa hazır olana kadar beklemek gibi bir şey kullanabilirsiniz:

$(window).load(function() {
    // weave your magic here.
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Jquery

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Engadget

    Engadget

    18 EYLÜL 2006
  • infodirt

    infodirt

    11 Mart 2009
  • maxman.tv

    maxman.tv

    29 EKİM 2013

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR