HTML-файл, содержащий еще один файл HTML

Я создал веб-страницу, в которой я хочу отобразить там другой файл HTML. Я использовал jQuery для этого, но не смог отобразить содержимое файла, который я включил. Почему вы думаете, что это произошло. Большое спасибо.HTML-файл, содержащий еще один файл HTML

Вот мой код для моей главной страницы.

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>

источник

2016-09-01 Jaycee Evangelista

проверить браузер Firefox –

@LaljiTadhani, вы правы. –

Ajax nga gamitin mo. Loooool. Кахапон-па-э. Di mo parin nakuha. Hahahaha –

Это весьма возможно, потому, что вы размещаете следующий блок в head без $(document).on("ready", function() { ...; });

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

В этом случае jQuery будет не в состоянии найти #footerLang элемент, так как DOM не готов, вы можете пересмотреть сценарий как следовать

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

или переместить тег сценария непосредственно перед </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>

источник

2016-09-01 06:46:42

Я узнал, что это была проблема совместимости с браузером. Я запускаю его в Firefox, и это сработало.

источник

2016-09-01 07:14:30

HTML-файл, содержащий еще один файл HTML

ответ

Смежные вопросы