Javascript Jquery'$';是未定义的

Javascript Jquery'$';是未定义的,javascript,jquery,html,Javascript,Jquery,Html,我已经创建了下面的网页,并在多台机器上成功运行了它。 当我在另一台机器上运行它时,它会失败。调试时,此错误:错误:“$”未定义 在IE9上运行 我已尝试将Jquery链接更改为: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 但这没用。 错误的原因是什么 有完整的代码: <!DOCTYPE html> <html>

我已经创建了下面的网页,并在多台机器上成功运行了它。 当我在另一台机器上运行它时,它会失败。调试时,此错误:错误:“$”未定义

在IE9上运行

我已尝试将Jquery链接更改为:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

但这没用。 错误的原因是什么

有完整的代码:

   <!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <META HTTP-EQUIV="Refresh" CONTENT="420">
    <style type="text/css">
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }


       .labels {
     color: orange;
     background-color: black;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 50px;     
     border: 2px solid black;
     white-space: nowrap;}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://jquery-xml2json-plugin.googlecode.com/svn/trunk/jquery.xml2json.js" type="text/javascript" language="javascript"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0.1/src/markerwithlabel.js"></script>
    <script>
var markers = [];
var map = null;

  $.get('Customers.xml', function(xml) {
      var jsonObj = $.xml2json(xml);
        $.each(jsonObj.Marker, function(){
            var stat = this.site_status == "Critical" ? "http://maps.google.com/mapfiles/ms/micons/red-dot.png" : "http://maps.google.com/mapfiles/ms/micons/green-dot.png";
                 var mark = {
                        title: this.title,
                        location: this.site_location,
                        icon: stat
                        }
                markers.push(mark);
        });
        for(var i=0; i< markers.length; i++){
          var maddress = markers[i].location;
          var image = markers[i].icon;
          var custname = markers[i].title;
          geocodeAddress(maddress, image, custname,map); 
        } 
});     

function geocodeAddress(maddress, image, custname,map) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode( { 'address': maddress}, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) {   
      var myLatlng = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng());
      var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
      var marker = new MarkerWithLabel({
      position: myLatlng, map:map, icon: image,labelContent: custname,
       labelAnchor: new google.maps.Point(22, 0),
       labelClass: "labels", // the CSS class for the label
       labelStyle: {opacity: 0.75}});
    } else {
      alert("Geocode was not successful for the following reason: " + status);
    }
  });
}

function initialize() {
    var chicago = new google.maps.LatLng(35.442579,-40.895920);
    var mapOptions = {
        zoom: 4,
        center: chicago,
        mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
     <div id="map-canvas"></div>
  </body>
</html>

简单地图
html,正文,#地图画布{
身高:100%;
边际:0px;
填充:0px
}
.标签{
颜色:橙色;
背景色:黑色;
字体系列:“Lucida Grande”,“Arial”,无衬线;
字体大小:10px;
字体大小:粗体;
文本对齐:居中;
宽度:50px;
边框:2件纯黑;
空白:nowrap;}
var标记=[];
var-map=null;
$.get('Customers.xml',函数(xml){
var jsonObj=$.xml2json(xml);
$.each(jsonObj.Marker,function(){
var stat=this.site\u status==“严重”?“http://maps.google.com/mapfiles/ms/micons/red-dot.png" : "http://maps.google.com/mapfiles/ms/micons/green-dot.png";
变量标记={
标题:这个,
地点:本网站地址:,
图标:stat
}
标记。推(标记);
});
对于(var i=0;i

提前感谢。

打开浏览器的开发者工具,查看网络,查看cdn是否未能加载jquery库


如果没有,请尝试将脚本代码移到html代码之后。

打开浏览器的开发人员工具,查看网络,查看cdn是否未能加载jquery库


如果没有,请尝试将脚本代码移到html代码之后。

通常这意味着没有加载jquery,请在开发人员工具中验证。 如果是这样的话:1。查看javascript是否被禁用,因为您正在使用IIS,我猜您也使用IE作为浏览器?尝试将本地主机添加到受信任域

  • 将此添加到您的代码中

    如果(!window.jQuery){ document.write( “
    ” ); }


  • 通常这意味着没有加载jquery,请在开发人员工具中验证。 如果是这样的话:1。查看javascript是否被禁用,因为您正在使用IIS,我猜您也使用IE作为浏览器?尝试将本地主机添加到受信任域

  • 将此添加到您的代码中

    如果(!window.jQuery){ document.write( “
    ” ); }

  • 试着把

    jQuery.noConflict();
    
    并将代码中的
    $
    符号替换为
    jQuery

    例如,将
    $.get('Customers.xml',function(xml)
    替换为
    jQuery.get('Customers.xml',function(xml)

    请参见

    尝试将

    jQuery.noConflict();
    
    并将代码中的
    $
    符号替换为
    jQuery

    例如,将
    $.get('Customers.xml',function(xml)
    替换为
    jQuery.get('Customers.xml',function(xml)


    请参见脚本中包含函数
    $

    //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
    
    因此,即使在加载此脚本之前调用
    $(function(){
    ..或
    $(document).ready(
    ..)都将导致
    $
    处于
    未定义状态

    由于脚本的加载顺序看起来正确,您似乎无法加载jquery.min文件-

    和/或(而不是引发CDN vrs本地辩论)-下载jquery文件并在本地调用它(如果您的访问者由于其他原因无法看到该文件怎么办?)-至少有一个备份计划

    <script src="/pathtojsfiles/jquery.min.js"></script>
    
    
    
    另一方面,更好的(加载脚本将要使用的标记)文档设置是在关闭
    标记之前,将脚本和使用这些脚本的函数放置在标记下。这(对于更多与SEO相关的网站)将确保在添加外部JS之前加载页面内容


    !-有些答案作为一种类型突然出现,这看起来已经说明了这一点,但无论如何都会发布。

    函数
    $
    保存在脚本中:

    //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
    
    因此,即使在加载此脚本之前调用
    $(function(){
    ..或
    $(document).ready(
    ..)都将导致
    $
    处于
    未定义状态

    由于脚本的加载顺序看起来正确,您似乎无法加载jquery.min文件-

    和/或(而不是引发CDN vrs本地辩论)-下载jquery文件并在本地调用它(wha)