HTML-Datei mit einer anderen HTML-Datei

Ich habe eine Webseite erstellt, in der ich eine andere HTML-Datei anzeigen möchte. Ich habe jQuery dazu verwendet, konnte aber den Inhalt der enthaltenen Datei nicht anzeigen. Warum denkst du ist das passiert? Danke vielmals.HTML-Datei mit einer anderen HTML-Datei

Hier ist mein Code für meine Hauptseite.

sample.html

<html> 
<head> 
<title> Sample Only </title> 

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 
    <script> 
     $(function(){ 
      $('#footerLang').load("sampleFooter.html"); 
     }); 
    </script> 


</head> 

    <body> 

     <div id="footerLang"> 
      <h1></h1> 
     </div> 

    </body> 

</html>

sampleFooter.html

<p> THIS IS A FOOTER </p>

Quelle

2016-09-01 Jaycee Evangelista

überprüfen Sie auf Firefox-Browser –

@LaljiTadhani Sie haben Recht. –

Ajax nga gamitin mo. Loooool. Kahapon pa bis e. Di mo parin nakuha. Hahahaha –

Es ist sehr wahrscheinlich, weil Sie den folgenden Block in head platzieren ohne $(document).on("ready", function() { ...; });

$(function(){ 
    $('#footerLang').load("sampleFooter.html"); 
});

In diesem Fall jQuery werden nicht in der Lage das #footerLang Element zu finden, da die DOM nicht bereit ist, können Sie das Skript überarbeiten als

$(function(){ 
    $(document).on("ready", function() { 
     $('#footerLang').load("sampleFooter.html"); 
    }); 
});

folgen oder den Script-Tag verschieben, kurz bevor die </body>

<html> 
<head> 
<title> Sample Only </title> 

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 


</head> 

    <body> 

     <div id="footerLang"> 
      <h1></h1> 
     </div> 

    <script> 
     $(function(){ 
      $('#footerLang').load("sampleFooter.html"); 
     }); 
    </script> 
    </body> 

</html>

Quelle

2016-09-01 06:46:42

Ich habe herausgefunden, dass dies nur ein Browser-Kompatibilitätsproblem ist. Ich starte es in Firefox und es hat funktioniert.

Quelle

2016-09-01 07:14:30

HTML-Datei mit einer anderen HTML-Datei

Antwort

Verwandte Themen