Флажок jQuery не работает

У меня проблема, когда я запускаю этот код, ничего не возникает из-за фляжного сервера, потому что если я остановлю сервер и изменю URL (потому что в колбе он статичен), он работает.Флажок jQuery не работает

Мой HTML/код JavaScript:

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Highcharts Example</title> 

    <link href="/static/jquery.min.js" type="text/javascript" /> 
    <style type="text/css"> 
     <!-- ${demo.css} --> 
    </style> 
    <link href="/static/highcharts.js" type="text/javascript" /> 
    <link href="/static/exporting.js" type="text/javascript" /> 
    <script type="text/javascript" > 
    $(function() { 
    datasAxisX=['2014-10-07 23:43:19','2014-10-07 23:43:20','2014-10-07 23:43:20','2014-10-07 23:43:21','2014-10-07 23:43:23','2014-10-07 23:43:24','2014-10-07 23:43:24','2014-10-07 23:43:25','2014-10-07 23:43:25','2014-10-07 23:43:25','2014-10-07 23:43:25','2014-10-07 18:52:41','2014-10-07 18:52:41','2014-10-07 18:52:41','2014-10-07 18:52:42','2014-10-07 18:52:42','2014-10-07 18:52:42','2014-10-07 18:52:42']; 

    datasAxisY = [296.134,275.982,281.109,273.363,292.042,274.022,286.898,271.463,279.182,279.805,272.717,272.192,268.225,270.166,271.432,270.803,275.939,272.748]; 

    $('#container').highcharts({ 
     chart: { 
      type: 'spline' 
     }, 
     title: { 
      text: 'Statistiques sur la longueur des produits' 
     }, 
     subtitle: { 
      text: 'Du 23/09/2014 au 26/09/2014' 
     }, 
     xAxis: { 
      categories: datasAxisX, 
      tickInterval: 5 /*on affiche l'abscisse tous les 5 points*/ 
     }, 
     yAxis: { 
      title: { 
       text: 'longueur (mm)' 
      }, 
      min: 0, 
      minorGridLineWidth: 0, 
      gridLineWidth: 0, 
      alternateGridColor: null, 
      plotBands: [{ // zone bleue produit toléré variation longueur 
       from: 6, //val min tolérée 
       to: 9, //val max tolérée 
       color: 'rgba(68, 170, 213, 0.1)', //couleur de la zone 
       label: { 
        text: 'variation longueur tolérée', 
        style: { 
         color: '#606060' //ou c'est celle la la couleur de la zone? 
        } 
       } 
      }] 
     }, 
     tooltip: { 
      valueSuffix: ' mm' //unité lorsqu'on zoom sur un point particulier de la courbe (dans le carré qui apparait) 
     }, 
     plotOptions: { 
      spline: { 
       lineWidth: 4, //épaisseur de la courbe 
       states: { 
        hover: { 
         lineWidth: 5 //aucune idée 
        } 
       }, 
       marker: { 
        enabled: false 
       }, 
      } 
     }, 
     series: [{ 
      name: 'Longueur produit', 
      data: datasAxisY 

     }], 
     navigation: { 
      menuItemStyle: { 
       fontSize: '10px' 
      } 
     } 
    }); 
}); 
    </script> 
    </head> 
    <body> 
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 
    </body> 
</html>

И мой server.py:

#! /usr/bin/python    
# -*- coding:utf-8 -*-    

from flask import Flask, json, request, render_template, jsonify 
app = Flask(__name__) 

@app.route("/addition", methods=['GET', 'POST']) 
def get_data(): 
    return render_template('test.html') 

if __name__ == '__main__': 
    app.run(debug=True)

UPDATE:

Мой directorie хорошо, может быть, вы не можете поместить в колбу SRC?

источник

2015-02-02 clement l

У вас есть ошибки на консоли? Что загружает вкладка сети состояния разработчиков? –

Нет ошибки, побочный сервер: все хорошо: GET/добавление HTTP/1.1 "200 И сторонний клиент: если я щелкнул по ссылке, чтобы увидеть исходный код, все загрузилось хорошо, я думаю. Я очень стараюсь программировать, но я обнаружил, что javascript трудно отлаживать. Благодарим за помощь –

Не существует запросов 'GET' для файлов Javascript? –

Вы используете <link> tags. Теги тегов не загружают код, их можно использовать только для загрузки стиля и для обозначения навигации и других отношений метаданных.

Использование <script> tags вместо:

<script src="/static/jquery.min.js" type="text/javascript"></script>

еще лучше, есть колба генерировать правильный URL для статических ресурсов:

<script src="{{ url_for('static', filename='jquery.min.js') }}" type="text/javascript"></script>

ВИДЕТЬ Static Files section фляги Quickstart.

источник

2015-02-02 10:01:20

еще раз спасибо за вашу помощь, но У меня есть ошибка« NetworkError: 404 NOT FOUND - http://localhost:5000/static/highcharts.min.js» Мой directorie хорошо, может быть, вы не можете поместить в колбу SRC? ├── server.py ├── статический │ ├── csvChart.js │ ├── ex porting.js │ ├── highcharts.js │ └── jquery.min.js └── шаблоны ├── test.html ├── test.html ~ ├── test_javascript_separate.html └ ── test_save.html –

@clementl: у вас есть * подкаталог 'static' с вашими файлами JS? –

посмотреть обновление в моем первом посте у меня есть статический каталог, если он вас спрашивает (извините за мой английский) –

Флажок jQuery не работает

ответ

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