2016-11-12 3 views
1

Я пытаюсь добавить html-страницу в тег <div> с помощью jQuery. Я попытался использовать load, get function, но это не сработало. Любой совет, как это может работать?Добавление html-файла в тег div jquery

Я изучаю и работаю на turn.js с некоторыми базовыми знаниями о jQuery, пожалуйста, сообщите.

Я использую JQuery 3.1

<div id="flipbook"> 
     <div class="hard"> Turn.Js </div> 
     <div class="hard"></div> 
     <div id="page1"> </div> 
     <div> Page 2 </div> 
     <div> Page 3 </div> 
     <div> Page 4 </div> 
     <div class="hard"></div> 
     <div class="hard"></div> 
</div> 

<script type="text/javascript"> 
    $("#flipbook").turn({ 
     width: 400, 
     height: 300, 
     autoCenter: true 
    }); 

    $(function() { 
     $.get("page1.html", function(data) {    
      $("#page1").append(data); 
     }); 
    }); 
</script> 
+0

Есть ли ошибка получить бросили в консоли? Какая вкладка сети возвращается для запроса 'get'? – GAntoine

+0

jquery.js: 4 XMLHttpRequest не может загрузить файл: ///home/me//page1.html. Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource. Эта ошибка, которую я обнаружил в сетевой вкладке, так же, как и в Edge/IE, в том же выпуске, у меня нет firefox –

+0

Я вижу, в чем проблема, посмотрите на это: http://stackoverflow.com/a/10752078/1179430 – GAntoine

ответ

0

Предполагая, что вы получаете данные от page1.html, попробуйте:

$.get("page1.html", function(data) { 
    $("#page1").html(data); 
}); 
0

Это не импорт данных из-за файла путь начинал с файлом: ///.. как только я установил лампу, она начала работать! Thanks

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