gpt4 book ai didi

javascript - 在 bootstrap 中运行自定义 jquery 文件但失败

转载 作者:行者123 更新时间:2023-11-28 07:38:06 25 4
gpt4 key购买 nike

我用 GoogleMap API 编写了一个 jquery 脚本,并将其放入空白 HTML 页面时工作,例如:

<!DOCTYPE html>
<html>
<head>
<script>
//my script here...
</scripn>
</head>
<body>
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div id="map-canvas"></div>
</div>
</div>
</section>
//it works fine.
</body>
</html>

现在我试图将jquery脚本打包到一个js文件中,并将其包含到bootstrap中,但是工作失败了。我在这里寻找了一些解决方案,但所有这些都不适合我。
1.Custom jQuery Functions
2.Bootstrap Custom jQuery
3.Run js script anyway at initialization
4.Bootstrap modal opening on page load
我正在使用这个 Bootstrap template 。请帮助我,谢谢。

JS 文件包含在 <footer> 中标签

<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
<!-- drink Map JavaScript -->
<script src="js/drinkmap.js"></script>

jquery 脚本是这样包装的

$(function() {
var x = [];
var list = [];
var map;
for(var s = 0; s < jsfile.length; s++) {
$.getJSON(jsfile[s], function(json) {
for(var i = 0; i < json.length; i++) {
x.push({
//push some info like name, latlng
});
}
});
}
//start navigator
function getUserGeolocation() {
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(parsePosition, noGeolocation);
} else { handleNoGeolocation(false); }
}
//success callback of getCurrentPosition and do map work
function parsePosition(pos) { ... }
//error callback of geolocation.getCurrentPosition
function noGeolocation() { handleNoGeolocation(true); }
function handleNoGeolocation(errorFlag) { ... }
});

我在 Firefox 调试中遇到这样的错误

SyntaxError: illegal character
}

或者我无法在 <div> 中显示 map .

最佳答案

对于像我一样也在寻找类似问题答案的人,最后我发现这是 Vagrant/VirtualBox Nginx 缓存行为问题......问题及解决方案引用:https://github.com/mitchellh/vagrant/issues/351

我进入位于 /etc/nginx/nginx.conf 并将 sendfile on; 更改为 sendfile off;,然后重新启动 nginx,一切正常。

关于javascript - 在 bootstrap 中运行自定义 jquery 文件但失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28379593/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com