來自Google CDN的jQuery無法正常工作

Question

我想在我的網頁中使用jQuery。 我不想下載它，所以我從Google的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>

Answer 1

您調用populateSelect（），當DOM尚未加載時，它嘗試訪問您的選擇標簽。

將函數調用移到DOM Ready事件處理程序中：

$(function() {
  populateSelect();

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

下次，打開瀏覽器的開發人員控制台 ！ 它將清楚地顯示錯誤。

來自Google CDN的jQuery無法正常工作

問題描述

1 個解決方案

解決方案1
3 已采納 2013-09-28 20:16:45

來自Google CDN的jQuery無法正常工作

問題描述

1 個解決方案

解決方案1 3 已采納 2013-09-28 20:16:45

解決方案1
3 已采納 2013-09-28 20:16:45