2016-09-13 12 views
1

私は以下のファイルを実行しようとしています。ローカルドライブ上で実行すると完全に正常に動作しますが、ネットワークドライブに配置すると動作しなくなります。なぜこれが起こっているのでしょうか?ネットワークドライブからJavaScriptが機能しない

以下は、実行しようとしているコードです。ここからはピボット式を使用しています:https://github.com/nicolaskruchten/pivottable

<!DOCTYPE html> 
<html> 
<head> 
    <title> Demo</title> 
    <!-- external libs from cdnjs --> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

    <!-- PivotTable.js libs from ../dist --> 
    <link rel="stylesheet" type="text/css" href="../dist/pivot.css"> 
    <script type="text/javascript" src="../dist/pivot.js"></script> 
    <style> 
     body {font-family: Verdana;} 
    </style> 

    <!-- optional: mobile support with jqueryui-touch-punch --> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> 



</head> 
<body> 
    <script type="text/javascript"> 
// This example shows custom aggregators using 


$(function(){ 
    var tpl = $.pivotUtilities.aggregatorTemplates; 

    $.getJSON("col.json", function(frontier) { 
     $("#output").pivotUI(frontier, { 
      rows: ["Manager"], cols: ["Sector"], 
      aggregators: { 
       "Number of Positions":  function() { return tpl.count()() }, 
       "Manager Weight": function() { return tpl.sum()(["Port"])}, 
       "Benchmark XGCC Weight": function() { return tpl.sum()(["Bench"])}, 
      } 
     }); 
    }); 
}); 
    </script> 



    <div id="output" style="margin: 30px;"></div> 

</body> 
</html> 
+2

'../ dist/pivot.js'と' ../ dist/pivot.css'をネットワークドライブに入れましたか?ブラウザのコンソールまたはネットワークタブにエラーがありますか? – nnnnnn

+0

プロジェクト全体をネットワークドライブまたはこのファイルだけに移動していますか?スクリプト/ CSSファイルへの相対パスがあります。 – Jecoms

+0

ファイルプロトコルのJavaScriptをオフにすると、セキュリティ設定が異なります。コンソールにエラーメッセージはありますか? [ネットワーク]タブに404が表示されていますか? – epascarello

答えて

1

File:/// URLは、HTTP/HTTPSおよび他の文脈(内部、パブリック、プライベート、安全ではない)とは別のコンテキストで実行されます。問題となる制限は、特定のブラウザ、OS、およびコンテキスト自体に依存します。

である必要がある場合は、HTMLでJavaScriptを実行する必要があります。実行するには、Webサーバー経由で実行するのが最も安全で最も確実な方法です。


また、いくつかのローカル/相対ファイルがあります。 ../dist/pivot.js../dist/pivot.cssこれらのファイルを保存してもよろしいですか?相対パスも正しいですか?

+0

I.Eのピボットテーブルのサンプルライブラリから書かれたオリジナルのコードを実行できます。問題は、元のコードを開いて、そのコピーを再度保存したときのようです。これを行うと、変更を加えなくても、新しいファイルはネットワークドライブに保存され、FileまたはIISから実行されたときには実行されません。しかし、オリジナルのhtmlファイルを右クリックしてコピーすると(名前を変更しても)、それが動作します。私は日食、VSコード、ワードパッド、メモ帳などのファイルを変更しようとしたし、私はもはや働くためにhtmlファイルを取得することができなくなったときに再保存します。これがなぜ起こっているのでしょうか? –

+0

ファイルには、https://のクラウドフレアからのスクリプトが含まれています...再び、ファイルシステムでは動作しないものがあります。保存先、使用しているブラウザ、セキュリティ設定などによって異なります。 ../ dist/...の相対ファイルもコピーできません。 – Tracker1

関連する問題