2016-11-12 17 views
1

jQueryを使用して<div>タグにhtmlページを追加しようとしています。私は、負荷を使用して、関数を取得しようとしたが動作しませんでした。これがどのように機能するのかアドバイスはありますか?divタグにhtmlファイルを追加する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。 Cross originリクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。このエラーは私はネットワークのタブで同じ私はエッジ/ IEで、同じ問題を試してみました、私はFirefoxを持っていない –

+0

私は問題を見て、これを見て:http://stackoverflow.com/a/10752078/1179430 – GAntoine

答えて

0

あなたが戻ってpage1.htmlからデータを取得していると仮定を使用しています

、試してみてください。

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

それはパスをファイルに起因するデータをインポートされませんでしたが、ファイルを始めていました:///..一度私はランプをインストールしたそれは働き始めた!ありがとう