0

私を助けてください！非常に長い間立ち往生しています。HTMLファイルにまったく同じことをコーディングしましたが、まったく機能しません。

HEAD セクションの下に JavaScript を挿入しました。

これが私のフィドルです

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
    });
});
});​
4

3 に答える 3

2

ここでの可能性は3つだけです

スクリプトは、呼び出されたときにWebページのヘッダーセクションに配置する必要がありますonload

2番目はjQueryライブラリのバージョンで、jsfiddleでは1.7.2であるため、jQueryのバージョンが古いか、ライブラリをまったく使用していません。

3つ目は、 <script></script>jsfiddleはタグを必要としないため、タグが欠落している必要があるということです。

于 2012-10-29T07:22:20.393 に答える
0

同じ原因として最も可能性が高いのは、DOMの準備ができた後にスクリプトを実行する必要があることです。これはjsfiddleによって保証されています。

フィドルへのリンクを提供していただければ幸いです。

于 2012-10-29T07:22:37.343 に答える
0

ヘッダーに JQuery が含まれていないようです。以下を追加します。

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

最新のものを入手して、利用可能な cdn (または google の cdn) の使用を検討します。

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

それが役立つことを願っています。

于 2012-10-29T07:30:19.747 に答える