не работает функция .load на JQuery

229

13 января 2018, 00:41

p { 
  color: darkgray; 
  font-size: 200%; 
} 
 
button { 
  padding: 5px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<!DOCTYPE html> 
<html> 
 
<head> 
<meta charset="UTF-8"/> 
<title>The dragons</title> 
<link href="copy.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 
 
         
 
</head> 
 
<body> 
     
   
    <button id="loadtext">text</button> 
    <button id="loadpage">page</button> 
     
    <div id="loader"> 
     
    </div> 
     
 
    <script> 
      
  $(document).ready(function(){ 
       
      $('#loadtext').click(function(){ 
             $('#loader').load('./text.html',function(){ 
              alert('Done!'); 
          }); 
      }); 
       
  }); 
              
  $(document).ready(function(){ 
       
      $('#loadpage').click(function(){ 
             $('#loader').load('./page.html',function(){ 
              alert('Done!'); 
          }); 
      }); 
       
  }); 
     
    </script> 
    </body> 
</html>

Пытаюсь сделать подгруздку контента, типа голого текста и простенькой веб странички, фукнция alert после нажатия на батон работает, но контент не подгружается

Answer 1

Дело в том, что функция .load() работает только на сервере: https://ruseller.com/jquery?id=16

Если Вы установите на своём компе локальный сервер (например, OpenServer) и запустите Ваш скрипт со страницы localhost/index.html, то увидите, что всё прекрасно работает.

(только если text.html и page.html лежат там же, где и index.html, то не надо никаких слэшей и точек перед именем ставить).

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Интеграция сортировки по цене в фильтр

220

jQuery

Не работает jquery внутри ballon

создаю метку с балуном, в balloonContentBody вписываю html c классом 'set-moderated' для срабатывания события jquery, но оно не срабатываетЗнаю, что есть решение...

207

jQuery

Jquery скрывать / показывать блоки при клике на самих себя

Всем привет

254

jQuery

Tooltip на JavaScript [требует правки]

tomilinosamoletru/building/15 подскажите пожалуйста, может кто видел такое раньше, на сайте внизу есть "шахматная доска", при hover на синие квадраты вылазит...

226