爲什麼我的java腳本在jsFiddle中完美工作，但不在任何瀏覽器中工作？

Question

請幫幫我！被卡住了很長時間。我在我的HTML文件中編碼完全一樣的東西，但它根本不工作。

我在HEAD部分插入了javascript。

Here is my fiddle

的HTML：

<div id="content"> 

<div id="colone"> 

    <div id="introbox" class="test"> 
    </div> 


    <div id="infobox" class="test"> 
    <div style="border-bottom:1px solid #666;width:160px;margin-top:20px;margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;"> 
    INFO 
    </div> 
    </div> 
</div>  

<div id="coltwo"> 

    <div id="aboutbox" class="test"> 
    <div style="border-bottom:1px solid #666;width:250px;margin-top:20px;margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;"> 
    ABOUT 
    </div> 
    </div> 


    <div id="gallerybox" class="test"> 
    <div style="border-bottom:1px solid #666;width:260px;margin-top:20px;margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;"> 
    GALLERY 
    </div> 

    </div> 
</div>  


<div id="colthree"> 

    <div id="contactbox" class="test"> 
    <div style="border-bottom:1px solid #666;width:180px;margin-top:20px;margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;"> 
    CONTACT US 
    </div> 

    </div> 


    <div id="extrabox" class="test"> 
    <div style="border-bottom:1px solid #666;width:160px;margin-top:20px;margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;"> 
    EXTRAS 
    </div> 

    </div> 
</div> 
    ​ 

中的JavaScript：

$(document).ready(function() { 
    $(".test").hover(function() { 
    $(".test").not($(this)).css({ 
     "opacity": 0.1 
    }); 
}, function() { 
    $(".test").css({ 
     "opacity": 1 
    }); 
}); 
});​ 

Answer 1

這裏

的腳本只有三個posibilities應放置在您網頁的頁眉部分它被稱爲onload

二是jQuery庫版本，在它的jsfiddle 1.7.2所以無論你的jQuery的版本是舊的或不使用該庫在所有

第三個是，你必須失去了<script></script>標籤，展示的jsfiddle穿上」 t需要它

Answer 2

最可能的原因是該腳本需要在DOM準備就緒之後執行，這是由jsfiddle確保的。

如果你提供一個小提琴的鏈接，那將會很棒。

Answer 3

聽起來像你沒有在你的頭中包含JQuery。添加以下內容：

<script src="jquery_js_goes_here"></script> 

我想獲取最新的，並期待在使用現有的CDN（或谷歌的CDN）E.g

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 

希望有所幫助。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.