jQuery適用於JSFiddle，但不適用於本地

我編寫了一個簡單的程序來查看jQuery是否在本地工作，結果並非如此。在這個程序中，在紅色方框上方懸停，將下方沒有顏色的方框變爲綠色。jQuery適用於JSFiddle，但不適用於本地

這裏是的jsfiddle：http://jsfiddle.net/sBk3M/495/

這裏是本地代碼（它不工作）。

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 

<style type="text/css"> 
    .hoverbox { 
     background-color:red; 
     width:20px; 
     height:20px; 
    } 

    .showbox { 
     width:20px; 
     height:20px; 
    } 
</style> 

<script type="text/javascript"> 

    $('.hoverbox').hover(function() { 
     $('.showbox').css("background-color", "green"); 
    }); 

</script> 

</head> 

<body> 
    <div class="hoverbox"> 
    </div> 

    <div class="showbox"> 
    </div> 

</body> 


</html>

來源

2015-01-21 Brad Mitchell

您需要使用[DOM就緒處理程序（HTTP ：//learn.jquery.com/using-jquery-core/document-ready/），因爲腳本在添加目標元素之前執行Ødom ... – 2015-01-21 04:18:11

在jsfiddle中，該腳本默認添加在'window.onload'處理程序中...查看左側面板中的第二個下拉框（在「框架和擴展」下） – 2015-01-21 04:19:37

@ArunPJohny非常感謝，完全忘了補充一點。 – 2015-01-21 04:22:17

將這個代碼

$(function(){ 
    $('.hoverbox').hover(function() { 
      $('.showbox').css("background-color", "green"); 
     }); 

    });

來源

2015-01-21 04:21:43

您可以使用如下：

$(document).ready(function(){ 
     $('.hoverbox').hover(function() { 
      $('.showbox').css("background-color", "green"); 
     }); 
});

參考使用$(document).ready()是jQuery Dom Ready

來源

2015-01-21 04:22:54 Rajasekhar

jQuery適用於JSFiddle，但不適用於本地

回答

相關問題