jQuery - birden fazla $ (belge). zaten…?

Soru:

Her ikisi de $(document).readyişlevli iki JavaScript dosyasına bağlanırsam ne olur? Biri diğerinin üzerine yazıyor mu? Yoksa her ikisi de $(document).readyaranır mı?

Örneğin,

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="http://.../jquery1.js"></script>

<script type="text/javascript" src="http://.../jquery2.js"></script>

jquery1.js:

$(document).ready(function(){
    $("#page-title").html("Document-ready was called!");
});

jquery2.js:

$(document).ready(function(){
    $("#page-subtitle").html("Document-ready was called!");
});

Her iki çağrıyı tek bir telefona birleştirmenin en iyi yöntem olduğuna eminim, $(document).readyancak benim durumumda pek mümkün değil.

Tüm idam edilecek ve İlk denilen ilk çalıştırma esasına göre !!

<div id="target"></div>

<script>
  $(document).ready(function(){
    jQuery('#target').append('target edit 1<br>');
  });
  $(document).ready(function(){
    jQuery('#target').append('target edit 2<br>');
  });
  $(document).ready(function(){
    jQuery('#target').append('target edit 3<br>');
  });
</script>

Demo Gördüğünüz gibi birbirlerinin yerini almıyorlar

Ayrıca bahsetmek istediğim bir şey var

bunun yerine

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

bu kısayolu kullanabilirsiniz

jQuery(function(){
   //dom ready codes
});

Her jQuery()aramanın gerçekten geri dönmesi gerektiğini unutmamak önemlidir . Bir istisna atılırsa, sonraki (alakasız) çağrılar hiçbir zaman yürütülmez.

Bu sözdizimine bakılmaksızın uygulanır. Sen kullanabilirsiniz jQuery(), jQuery(function() {}), $(document).ready(), ne gibi aynı davranıştır. Erken bir başarısız olursa, sonraki bloklar asla çalıştırılmaz.

Üçüncü taraf kütüphaneler kullanılırken bu benim için bir sorundu. Bir kütüphane istisna atıyordu ve sonraki kütüphaneler hiçbir şey başlatmadı.

.ready $ (document) (); diğer işlevlerle aynıdır. belge hazır olduğunda (yani yüklendiğinde) tetiklenir. soru, aynı işlevi birden fazla $ (belge) .ready () 'in içinde başlatmazsanız, birden fazla $ (belge) .ready ()' in tetiklendiğinde ne olacağı ile ilgilidir.

//this
<div id="target"></div>

$(document).ready(function(){
   jQuery('#target').append('target edit 1<br>');
});
$(document).ready(function(){
   jQuery('#target').append('target edit 2<br>');
});
$(document).ready(function(){
   jQuery('#target').append('target edit 3<br>');
});

//is the same as
<div id="target"></div>

$(document).ready(function(){

    jQuery('#target').append('target edit 1<br>');

    jQuery('#target').append('target edit 2<br>');

    jQuery('#target').append('target edit 3<br>');

});

her ikisi de aynı şekilde davranacaktır. tek fark, ilkinin aynı sonuçları elde etmesine rağmen. ikincisi saniyenin bir kısmını daha hızlı çalıştırır ve daha az yazmayı gerektirir. :)

sonuç olarak mümkün olan her yerde yalnızca 1 $ (belge) .ready () kullanın;

// eski cevap

İkisi de sırayla çağrılır. En iyi uygulama onları birleştirmek olacaktır. ama mümkün değilse endişelenme. sayfa patlamaz.

Yürütme yukarıdan aşağıya. İlk gelen, önce servis.

Yürütme sırası önemliyse bunları birleştirin.

Her ikisi de aranacak, önce gelen ilk hizmet. Buraya bir bak .

$(document).ready(function(){
    $("#page-title").html("Document-ready was called!");
  });

$(document).ready(function(){
    $("#page-title").html("Document-ready 2 was called!");
  });

Çıktı:

Doküman hazır 2 çağrıldı!

Bir iş parçacığı necro için değil, ancak jQueryönerilen sözdiziminin en son sürümü altında :

$( handler )

Anonim bir işlev kullanıldığında, bu

$(function() { ... insert code here ... });

Bu bağlantıya bakın:

https://api.jquery.com/ready/