将html文件添加到div标签jquery

时间:2016-11-12 17:43:09

标签: javascript jquery html css css3

我正在尝试使用jQuery将html页面添加到<div>标记。我尝试使用load,get函数但是没有用。有什么建议如何工作?

我正在学习并使用jQuery的一些基本知识学习turn.js,请提供建议。

我正在使用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>

2 个答案:

答案 0 :(得分:0)

假设您从page1.html获取数据,请尝试:

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

答案 1 :(得分:0)

由于文件路径以file:///开头,因此没有导入数据..一旦我安装了灯泡就开始工作了!感谢