jQuery। लोड () कॉल लोड HTML फ़ाइल में जावास्क्रिप्ट निष्पादित नहीं करता है

Question 1

यह केवल सफारी से जुड़ी समस्या प्रतीत होती है। मैंने 4 पर कोशिश की है MAC और 3 पर Windows और अभी भी कोई भाग्य नहीं है।

मैं एक बाहरी HTML फ़ाइल को लोड करने की कोशिश कर रहा हूं और जावास्क्रिप्ट है जो एम्बेडेड निष्पादन योग्य है।

मैं जिस कोड का उपयोग करने की कोशिश कर रहा हूं वह यह है:

$("#myBtn").click(function() {
    $("#myDiv").load("trackingCode.html");
});

trackingCode.html इस तरह दिखता है (अब सरल है, लेकिन एक बार विस्तार होगा / अगर मुझे यह काम मिलता है):

<html>
<head>
    <title>Tracking HTML File</title>
    <script language="javascript" type="text/javascript">
        alert("outside the jQuery ready");
        $(function() {
            alert("inside the jQuery ready");
        });
    </script>
</head>

<body>
</body>
</html>

मैं IE (6 और 7) और फ़ायरफ़ॉक्स (2 और 3) में दोनों अलर्ट संदेश देख रहा हूं। हालाँकि, मैं सफ़ारी में संदेश नहीं देख पा रहा हूँ (अंतिम ब्राउज़र जिसे मुझे प्रोजेक्ट आवश्यकताओं के साथ - कृपया कोई लौ युद्धों से संबंधित होना चाहिए)।

सफारी में कोई विचार क्यों trackingCode.htmlफ़ाइल में जावास्क्रिप्ट की अनदेखी कर रहा है ?

आखिरकार मैं trackingCode.htmljQuery के तैयार कॉल के भीतर उपयोग होने वाली इस फ़ाइल में जावास्क्रिप्ट ऑब्जेक्ट्स को पास करने में सक्षम होना चाहूंगा , लेकिन मैं यह सुनिश्चित करना चाहूंगा कि यह उस सड़क से नीचे जाने से पहले सभी ब्राउज़रों में संभव है।

Question 2

आप अपने div में एक संपूर्ण HTML पेज लोड कर रहे हैं, जिसमें html, सिर और बॉडी टैग शामिल हैं। यदि आप लोड करते हैं और HTML में आपके द्वारा लोड की गई स्क्रिप्ट, क्लोजिंग स्क्रिप्ट और जावास्क्रिप्ट कोड होता है तो क्या होता है?

यहाँ ड्राइवर पृष्ठ है:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery Load of Script</title>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("jquery", "1.3.2");
        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#myButton").click(function() {
                    $("#myDiv").load("trackingCode.html");
                });
             });
         </script>
    </head>
    <body>
        <button id="myButton">Click Me</button>
        <div id="myDiv"></div>
    </body>
</html>

यहाँ ट्रैकिंग की सामग्री है।

<script type="text/javascript">
    alert("Outside the jQuery ready");
    $(function() {
        alert("Inside the jQuery ready");
    });
 </script>

यह सफारी 4 में मेरे लिए काम करता है।

अपडेट: मेरे परीक्षण वातावरण पर कोड से मिलान करने के लिए DOCTYPE और html नामस्थान जोड़ा गया। फ़ायरफ़ॉक्स 3.6.13 और उदाहरण कोड कार्यों के साथ परीक्षण किया गया।

Question 3

$("#images").load(location.href+" #images",function(){
    $.getScript("js/productHelper.js"); 
});

Question 4

जॉन पिक के समाधान का एक अन्य संस्करण ठीक पहले, यह मेरे लिए ठीक काम करता है:

jQuery.ajax({
   ....
   success: function(data, textStatus, jqXHR) {
       jQuery(selecteur).html(jqXHR.responseText);
       var reponse = jQuery(jqXHR.responseText);
       var reponseScript = reponse.filter("script");
       jQuery.each(reponseScript, function(idx, val) { eval(val.text); } );
   }
   ...
});

Question 5

मुझे लगता है कि यह कुछ हद तक एक पुरानी पोस्ट है, लेकिन इस पेज पर आने वाले किसी भी व्यक्ति के लिए एक समान समाधान की तलाश है ...

http://api.jquery.com/jQuery.getScript/

jQuery.getScript( url, [ success(data, textStatus) ] )
url - एक स्ट्रिंग जिसमें URL भेजा जाता है जिसमें अनुरोध भेजा जाता है।

success(data, textStatus) - एक कॉलबैक फ़ंक्शन जिसे अनुरोध सफल होने पर निष्पादित किया जाता है।
$.getScript('ajax/test.js', function() {
  alert('Load was performed.');
});

Question 6

यदि आप HTML फ़ील्ड को गतिशील रूप से बनाए गए तत्व में लोड कर रहे हैं तो यह काम नहीं करता है।

$('body').append('<div id="loader"></div>');
$('#loader').load('htmlwithscript.htm');

मैं फ़ायरबग डोम को देखता हूं और इसमें कोई स्क्रिप्ट नोड नहीं है, केवल HTML और मेरा सीएसएस नोड।

इस पार कोई आया है?

Question 7

आपने लगभग पा लिया है। बताओ कि आप केवल स्क्रिप्ट लोड करना चाहते हैं:

$("#myBtn").click(function() {
    $("#myDiv").load("trackingCode.html script");
});

Question 8

मैंने html लोडिंग फंक्शन के लिए निम्नलिखित jquery प्लगइन लिखा: http://webtech-training.blogspot.in/2010/10/dyamic-html-loader.html

Question 9

ट्रैकिंगकोड पृष्ठ में इसके साथ परीक्षण करें:

<script type="text/javascript">

    $(function() {

       show_alert();

       function show_alert() {
           alert("Inside the jQuery ready");
       }

    });
 </script>

Question 10

मैं इसमें भाग गया, जहां स्क्रिप्ट एक बार लोड होगी, लेकिन बार-बार कॉल करने से स्क्रिप्ट नहीं चलेगी।

यह एक। इंडीकेटर का उपयोग करने के लिए .html () के साथ एक इश्यू इंडिकेटर और फिर चेनिंग।

// Processes scripts as expected once per page load, but not for repeat calls
$("#id").html("<img src=wait.gif>").load("page.html");

जब मैंने उन्हें अलग-अलग कॉल किए, तो मेरी इनलाइन स्क्रिप्ट हर बार उम्मीद के मुताबिक भरी हुई थी।

// Without chaining html and load together, scripts are processed as expected every time
$("#id").html("<img src=wait.gif>");
$("#id").load("page.html");

आगे के शोध के लिए, ध्यान दें कि .load () के दो संस्करण हैं

एक साधारण .लोड () कॉल (url के बाद एक चयनकर्ता के बिना) केवल $ $ .ajax () के साथ डेटाटाइप के लिए एक शॉर्टहैंड है: "html" और रिटर्न सामग्री और कॉल .html () उन सामग्रियों को DOM में डालने के लिए। । और डेटाटाइप के लिए प्रलेखन: "html" में स्पष्ट रूप से कहा गया है "शामिल किए गए स्क्रिप्ट टैग का मूल्यांकन किया जाता है जब डोम में डाला जाता है।" http://api.jquery.com/jquery.ajax/ तो .load () आधिकारिक तौर पर इनलाइन स्क्रिप्ट चलाता है।

एक कॉम्प्लेक्स। लोड () कॉल में एक चयनकर्ता होता है जैसे कि लोड ("पेज.html #content")। जब इस तरह से उपयोग किया जाता है, तो jQuery उद्देश्यपूर्ण रूप से स्क्रिप्ट टैग को फ़िल्टर करता है जैसे कि इस तरह के लेखों में चर्चा की गई है: https://forum.jquery.com/topic/the-load-function-and-script-blocks#14737000000752785 इस मामले में स्क्रिप्ट कभी नहीं भागो, एक बार भी नहीं।

Question 11

वैसे मुझे वही समस्या थी जो केवल फ़ायरफ़ॉक्स के लिए प्रतीत होती थी, और मैं लोड () को छोड़कर एक और JQuery कमांड का उपयोग नहीं कर सकता था (क्योंकि मैं एक्सिसिटिंग PHP फ़ाइलों पर फ्रंट-एंड को संशोधित कर रहा था ...

वैसे भी, .load () कमांड का उपयोग करने के बाद, मैंने अपने JQuery स्क्रिप्ट को बाहरी HTML के भीतर एम्बेड किया था जो लोड हो रहा था, और यह काम करने लगा। मुझे समझ में नहीं आता कि जेएस जिसे मैंने मुख्य दस्तावेज़ के शीर्ष पर लोड किया था, हालांकि नई सामग्री के लिए काम नहीं किया ...

Question 12

मैं बदल कर इस समस्या को हल करने में सक्षम था $(document).ready()करने के लिए window.onLoad()।

Question 13

@Efreed उत्तर पर टॉकिंग ...

मैं .load('mypage.html #theSelectorIwanted')चयनकर्ता द्वारा एक पृष्ठ से सामग्री को कॉल करने के लिए उपयोग कर रहा था , लेकिन इसका मतलब है कि यह इनलाइन स्क्रिप्ट के अंदर निष्पादित नहीं करता है।

इसके बजाय, मैं अपना मार्कअप बदलने में सक्षम था, ताकि '#theSelectorIwanted'यह खुद की फाइल बन जाए और मैंने इसका इस्तेमाल किया

load('theSelectorIwanted.html`, function() {});

और यह इनलाइन स्क्रिप्ट को ठीक-ठाक चला।

हर किसी के पास वह विकल्प नहीं है, लेकिन मैं जहां चाहता था, यह पाने के लिए एक त्वरित समाधान था!