सभी $ (दस्तावेज़) .ready() चलाए जाने के बाद, क्या इसके लिए कोई घटना है?

Question

मैं एक first.js फ़ाइल है कि इस तरह कुछ है पृष्ठ index.php में शामिल है:

<?php function slidders($config, $addon) 
{ 
    $return = ' 
    <script type="text/javascript"> 
     $(function() { 
      $("#slider_'.$addon['p_cod'].'").slider({ 
      min: '.$config['min'].', 
      max: '.$config['max'].', 
      step: '.$config['step'].', 
      slide: function(event, ui) { 
       $("#cod_'.$addon['p_cod'].'").val(ui.value); 
       $(".cod_'.$addon['p_cod'].'").html(ui.value+"'.@$unit.'"); 
      }, 
      change: function(event, ui) { 
       $("#cod_'.$addon['p_cod'].'").change(); 
      } 
     }); 
      $("#cod_'.$addon['p_cod'].'").val($("#slider_'.$addon['p_cod'].'").slider("value")); 
      $(".cod_'.$addon['p_cod'].'").html($("#slider_'.$addon['p_cod'].'").slider("value")+"'.@$unit.'"); 
    }); 
    </script>'; 
    return $return; 
} ?> 

: index.php में

$(function(){ 

    $("#my_slider").slider("value", 10); 

}); 

और उनमें मैं कुछ dynamicly बनाई slidders है समस्या यह है, क्योंकि मेरे index.php स्लाइडर को मेरे पहले.जेएस के बाद तुरंत चालू किया जा रहा है, मैं वहां कोई मान सेट नहीं कर सकता, क्या कोई भी घटना है जैसे "सभी $ (दस्तावेज़) .ready() चलाया गया है" जिसका उपयोग मैं कर सकता हूं index.php में बनाए गए स्लाइडर में हेरफेर करने के लिए first.js में?

Answer 1

न पता है जब पिछले $(document).ready() समारोह निकाल दिया बताने के लिए है, लेकिन $(window).load() समारोह आग $(document).ready()

Answer 2

jQuery के $ (दस्तावेज़) .ready() फ़ंक्शन का लक्ष्य यह है कि मानक जावास्क्रिप्ट विंडो.ऑलोड लोड तब तक नहीं चलेगा जब तक पृष्ठ पर सब कुछ लोड नहीं होता है (छवियों सहित, आदि), भले ही कार्य उपयोगी रूप से इससे पहले अच्छी तरह से चलना शुरू कर सकते हैं। तो $ (दस्तावेज़) .ready() जैसे ही डोम पदानुक्रम का निर्माण होता है।

यह देखते हुए, एक विकल्प पृष्ठ लोड पर "बाकी सब कुछ के बाद" स्क्रिप्ट चलाने के लिए होगा। यह गारंटी नहीं देगा कि सभी $ (दस्तावेज़) .ready() स्क्रिप्ट पूरी हो चुकी हैं, हालांकि।

एक बेहतर लेकिन अधिक जटिल विकल्प स्लाइडर के अस्तित्व की जांच करने वाला एक फ़ंक्शन बनाना है, और यदि वे मौजूद नहीं हैं, तो "setTimeout" स्वयं पर कॉल करें, इसलिए यह कुछ मिलीसेकंड का इंतजार कर सकता है और पुनः प्रयास कर सकता है।

(अपने विशिष्ट सवाल का जवाब करने के लिए, कोई है, वहाँ कोई "सब के बाद $ (document) .ready() समाप्त हो गया है" कॉलबैक है।)

Answer 3

करने के बाद आपको बेहतर होगा कि केवल आईडी = my_slider साथ तत्व के लिए आग जाएगा के बाद से करने के बजाय अपने स्लाइडर्स #my_slider के लिए एक अनूठा वर्ग को जोड़ने के लिए।

यदि आप एक ही कार्यक्षमता चाहते हैं तो आपको जांच करनी चाहिए। Jquery से लाइव यह बाध्यकारी के बाद जोड़े गए तत्वों पर समान कार्यक्षमता रखेगा।

यदि यह आपके लिए काम नहीं करेगा तो जब आप नए स्लाइडर्स जोड़ते हैं तो आपको उन्हें डीओएम में जाना होगा और आवश्यक फ़ंक्शन को कॉल करना होगा।

Answer 4

सबसे सुरक्षित बात यह है कि $(window).load()$(document).ready() के अंदर आना है। यह सभी मामलों में निष्पादन आदेश को सुरक्षित रखेगा ताकि यह सुनिश्चित किया जा सके कि आपका रन-अंतिम कोड $(window).load() तक नहीं भेजा गया है जब तक कि सभी $(document).ready() स्क्रिप्ट पूरी नहीं हो जातीं। इसके बिना कुछ ब्राउज़रों में संभावित दौड़ की स्थिति होती है जहां $(window).load() सभी $(document).ready() स्क्रिप्ट के बाद शुरू होने के बाद लागू किया जा सकता है लेकिन सभी $(document).ready() स्क्रिप्ट्स से पहले समाप्त हो गया है।

$(function(){ 
    $(function(){ 

     $("#my_slider").slider("value", 10); 

    }); 
}); 

बेवकूफ सही लग रहा है:

$(document).ready(function() { 
    $(window).load(function() { 
     // this code will run after all other $(document).ready() scripts 
     // have completely finished, AND all page elements are fully loaded. 
    }); 
}); 

Answer 5

इस स्वच्छ चाल/सकल हैक का प्रयास करें? यह काम करता है क्योंकि jQuery ने जोड़े गए ऑर्डर में इवेंट हैंडलर निष्पादित किए हैं। अपने इवेंट हैंडलर में इवेंट हैंडलर जोड़ना जितना देर हो सके उतना देर हो सकता है (बस सुनिश्चित करें कि आप इसे किसी भी स्लाइडर्स पर गलती से नहीं कर रहे हैं; यह करना बहुत आसान है)।

अवधारणा का सबूत। http://jsfiddle.net/9HhnX/

Answer 6

इयान के जवाब के आधार पर मैं इस पता लगा (परीक्षण किया - काम कर रहे):

jQuery(document).ready(function() { 
    jQuery(document).ready(function() { 
     /* CODE HERE IS EXECUTED AS THE LAST .ready-CALLBACK */ 
    }); 
}); 

बेशक

इस वजह से तैयार कॉलबैक आदेश उन्हें सौंपा जहां लागू कर रहे हैं। फिलहाल, जब आपका बाहरी तैयार कॉलबैक लागू किया जाता है, तो अन्य सभी स्क्रिप्ट में पहले से ही उनके तैयार कॉलबैक होना चाहिए। तो अपने तैयार कॉलबैक (आंतरिक एक) को असाइन करना अब आपके आखिरी होने का कारण बन जाएगा।