Flask无法导入自定义jQuery

2024-06-16 11:50:42 发布

您现在位置：Python中文网/ 问答频道 /正文
1786 3

我用一个简单的表单设置了一个Flask服务器。我想添加一个地图，以便用户可以按地区选择。我找到了JQVMap，并且一直在尝试使用this示例来处理Flask

我下载了dist目录。
把它放在我的静态烧瓶目录里。
并使用了下面的代码。

使用此html执行引用导入：

<link href="{{ url_for('static', filename='dist/jqvmap.css') }}" media="screen" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

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

<script type="text/javascript" src="{{ url_for('static', filename='dist/maps/jquery.vmap.usa.counties.js') }}"
    charset="utf-8"></script>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#vmap').vectorMap({
            map: 'usa_counties_en',
            enableZoom: true,
            showTooltip: true,
            hoverColor: '#C9DFAF',
            onRegionClick: function (event, code, region) {
                event.preventDefault();
            }
        });
    });
</script>

这是驱动它的python:

@app.route('/map/', methods=['GET', 'POST'])
def mapLoc():
    return render_template('map.html')

连接到页面时，所有文件回迁都会显示html代码200或304。
网页不呈现任何内容。
控制台抛出错误：
“TypeError:jQuery（…）.vectorMap不是函数”


Tags： textsrcurlfordisthtmltypejs
1条回答
网友
1楼 · 发布于 2024-06-16 11:50:42

我无法重现“TypeError:jQuery（…）.vectorMap不是函数”或200/304 HTTP响应代码(确保在脚本标记中使用正确的路径。但是，不会呈现任何内容，因为模板不包含行

<body>
  <div id="vmap" style="width: 900px; height: 600px;"></div>
</body>

这表明jqvmap应该呈现在哪里

相关问题 更多 >

    编程相关推荐