2017-04-23 12 views
0

Django 1.11とJavascriptが動作していない単純なプロジェクトがあります。 HTML内でjsを実行するとjsonのロードとjavascriptが動作しますが、このすべてを静的フォルダに入れると、javascriptはロードされますが、何も実行されません。私は静的フォルダを設定してCSS設定を読み込みますが、javascriptでは動作しません。私はまた、成功せずに集計を実行します。あなたは助けてもらえますか?(Django + External JavaScript)が動作しない

JS:

(function(){ 
     'use strict'; 
     window.onload = function(){ alert("Hi there"));} 
     var SentimientosApp = angular.module('SentimientosApp', []); 
     SentimientosApp.controller('SentimientosCtrl', function ($scope, $http){ 
     $http.get("../externalfiles/countries.json").success(function(data) { 
      $scope.datos = data; 
     }); 
     }); 
    }()); 

ウェブ/ sentimientos/index.htmlを:

{% load static %} 
<html ng-app="SentimientosApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>Angular.js JSON Fetching Example</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="{% static 'css/css.css' %}"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> 

    <script type="text/javascript" src="{% static 'js/sentimientos.js' %}"></script> 

</head> 
{% block content %} 
<body ng-controller="SentimientosCtrl"> 
{% block title %}Articles for {{ year }}{% endblock %} 
<h2>Angular.js JSON Fetching Example</h2> 
<table> 
    <tr> 
     <th>Code</th> 
     <th>Country</th> 
     <th>Population</th> 
    </tr> 
    <tr ng-repeat="d in datos"> 
     {% verbatim %} 
     <td>{{d.code}}</td> 
     <td>{{d.name}}</td> 
     <td>{{d.population}}</td> 
     <td><input type="text" ng-model="new_title"/>{{ new_title }}</td> 
     {% endverbatim %} 
    </tr> 
</table> 
</body> 
{% endblock %} 
</html> 

JSONは、これと同じ構造の静力学でのフォルダにあります。

http://ladimi.com/bigdata/externalfiles/countries.json

フォルダ構造は次のようになります。

0123私はFirefoxのネットワークモニタをチェックするとJSがそれをcallesなかったよう
\---web 
    +---crawler 
    | +---crawluniandes 
    | | +---.settings 
    | | +---crawluniandes 
    | | | +---spiders 
    | | | | \---__pycache__ 
    | | | \---__pycache__ 
    | | +---xmlnotepadsetup 
    | | +---XSL 
    | | \---__pycache__ 
    | +---migrations 
    | | \---__pycache__ 
    | +---static 
    | | +---css 
    | | | \---AMLG_CSS 
    | | +---doc 
    | | +---img 
    | | | \---buttons 
    | | \---js 
    | |  \---vendor 
    | +---Templates 
    | +---XMLs 
    | \---__pycache__ 
    +---rss 
    | +---migrations 
    | | \---__pycache__ 
    | +---static 
    | | \---css 
    | |  \---images 
    | +---Templates 
    | \---__pycache__ 
    +---sentimientos 
    | +---media 
    | +---migrations 
    | | \---__pycache__ 
    | +---static 
    | | +---css 
    | | +---externalfiles 
    | | \---js 
    | +---templates 
    | | \---sentimientos 
    | \---__pycache__ 
    +---static 
    | +---admin 
    | | +---css 
    | | +---fonts 
    | | +---img 
    | | | \---gis 
    | | \---js 
    | |  +---admin 
    | |  \---vendor 
    | |   +---jquery 
    | |   \---xregexp 
    | +---css 
    | | \---AMLG_CSS 
    | +---doc 
    | +---externalfiles 
    | \---js 
    |  \---vendor 
    \---web 
     \---__pycache__ 

、JSONは、表示されません。

Click to see the network monitor image

+0

あなたはjavascriptの資産の404年代を取得していますか? –

+0

200または304を取得 – vlad0x

答えて

関連する問題