来自谷歌CDN的jQuery不起作用

jQuery from google CDN is not working

本文关键字：jQuery 不起作用 CDN 谷歌      更新时间：2023-09-26

我想在我的网页中使用jQuery。我不想下载它，所以我从谷歌的CDN中包含了它。

当我运行页面时，jQuery不起作用。

谁能告诉我问题是否依赖于jQuery或我的代码。

这是我的代码。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script>
cars=new Array("Mercedes","Volvo","BMW","porche");
phones=new Array('Samsung','Nokia','Iphone');
populateSelect();
$(function() {
  $('#cat').change(function(){
    populateSelect();
});
});

function populateSelect(){
cat=$('#cat').val();
$('#item').html('');

if(cat=='car'){
    cars.forEach(function(t) { 
        $('#item').append('<option>'+t+'</option>');
    });
}
if(cat=='phone'){
    phones.forEach(function(t) {
        $('#item').append('<option>'+t+'</option>');
    });
}
} 
</script>
</head>
<body>
<select id="cat">
<option value="car">car</option>
<option value="phone">phone</option>
</select>
<select id="item">
</select>
</body>
</html>

你调用 populateSelect（），它会在 DOM 尚未加载时尝试访问你的选择标签。

将函数调用移动到 DOM Ready 事件处理程序中：

$(function() {
  populateSelect();
  $('#cat').change(function(){
    populateSelect();
  });
});

下次，打开浏览器的开发人员控制台！它将清楚地显示错误。

相关文章：