javascript - Which jQuery commands to use for inserting script tag (that contains counter timer) inside html? -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 15 उत्तर

  मैं काउंटर जोड़ना चाहता हूँ टाइमर स्क्रिप्ट, jQuery का उपयोग कर। इस कोड के बजाय आईडी = "काउंटर" पैराग्राफ के ठीक बाद:

    & lt; body & gt; & Lt; p & gt; साइट की शुरुआत & lt; / p & gt; & Lt; तालिका id = "timer_table" & gt; & LT; tbody & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; p id = "काउंटर" शैली = "रंग: लाल;" & gt; यहां काउंटर है: & lt; / p & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / tbody & gt; & Lt; / तालिका & gt; & Lt; p & gt; साइट के बाकी ... & lt; / p & gt; & Lt; / body & gt;   
   मुझे यह कोड मिल जाएगा:  
    & lt; body & gt; & Lt; p & gt; साइट की शुरुआत & lt; / p & gt; & Lt; तालिका id = "timer_table" & gt; & LT; tbody & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; p id = "काउंटर" शैली = "रंग: लाल;" & gt; यहां काउंटर है: & lt; / p & gt; & LT; स्क्रिप्ट & gt; Var myCountdown1 = नया उलटी गिनती ({समय: 316}); & Lt; / स्क्रिप्ट & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / tbody & gt; & Lt; / तालिका & gt; & Lt; p & gt; साइट के बाकी ... & lt; / p & gt; & Lt; / body & gt;   
   मैं इसे फ़ायरबग कंसोल का उपयोग कर करता हूं, मैं इसे चला रहा हूं: (जैसा कि लिखा गया है, कठिन है, यह अभी भी अच्छी तरह से काम नहीं करता है)  
    Var स्क्रिप्ट = document.createElement ("स्क्रिप्ट"); Script.type = "text / javascript"; Script.src = "js_folder / js1.js"; $ ( '# काउंटर') के बाद (स्क्रिप्ट)।   
   js1.js सरल है:  
    var myCountdown1 = नया उलटी गिनती ({समय: 316});   
   यह अच्छी तरह से काम नहीं करता है इस परिणाम को प्राप्त करने के बजाय: मुझे यह एक मिलता है:  
   और जब मैं पेज स्रोत की जांच करने की कोशिश करता हूं तो मुझे कुछ भी नहीं मिलता।  
   इसे एकत्र करने के लिए: मुझे कौन सी jquery commnad का उपयोग करना चाहिए  
    & lt; स्क्रिप्ट & gt; Var myCountdown1 = नया उलटी गिनती ({समय: 316}); & Lt; / स्क्रिप्ट & gt;   
   और यह काम करेगा जैसा कि मूल एचटीएमएल में यह लाइन पहले से ही लिखी गई थी  
   धन्यवाद   
   
   
   जहां स्क्रिप्ट शुरू की जाती है, वह बहुत कम होना चाहिए, यदि स्क्रिप्ट ठीक से लिखी गई हो। अधिकांश लिपियों को एक पृष्ठ के निचले भाग में लोड किया जाना चाहिए, ताकि ब्राउज़र को DOM को प्रस्तुत करने में लगने वाले समय को तेज किया जा सके, क्योंकि स्क्रिप्ट टैग अवरुद्ध कर रहे हैं जब तक कि उनके पास  async  विशेषता को  पर सेट नहीं होता है सच ।  
   jQuery के साथ एक स्क्रिप्ट लोड करने के लिए आप एक हेन्डलर के अंदर विधि का उपयोग करने के लिए यह सुनिश्चित करने के लिए कि जब तक DOM तैयार नहीं हो, आपके मामले में यह इस प्रकार दिखेगा:  
    // यह jQuery के लिए एक लघुकोड है। $ $ (फ़ंक्शन () {$ .getScript ("js_folder / js1.js");}) ;   
   ऊपर दिए गए स्निपेट को दस्तावेज़ के नीचे स्क्रिप्ट टैग में जोड़ा जाना चाहिए (कारणों से मैंने पहले ही कहा है), लेकिन कहीं से भी काम करेगा।  < P> हालांकि,  js_folder / js1.js  की सामग्री पर विचार करने के बजाय आपको इसे  .ready  के बजाय उसमें डाल देना चाहिए। इस तरह से:  
    $ (फ़ंक्शन () {var myCountdown1 = नया उलटी गिनती ({समय: 316});});