1

私はjqueryに本当に慣れていないので、これをローカルマシンで動作させるのに苦労しています。

http://jsfiddle.net/ze8kn/

HTML :

<div id="callus">
    <div class="def">location 0</div>
    <div class='num1'>location 1</div>
    <div class='num2'>location 2</div>
    <div class='num3'>location 3</div>
    <div class='num4'>location 4</div>
    <div class="numnames numname1">1234</div>
    <div class="numnames numname2">5678</div>
    <div class="numnames numname3">1234</div>
    <div class="numnames numname4">5678</div>
</div>

jQuery :

$(function() {
    $(document).ready(function() {
        $('.numnames').hover(function() {
            $(".def").toggle();
        });
        $('.num1').hide();
        $('.numname1').hover(function() {
            $('.num1').toggle();
            return false;
        });
        $('.num2').hide();
        $('.numname2').hover(function() {
            $('.num2').toggle();
            return false;
        });
        $('.num3').hide();
        $('.numname3').hover(function() {
            $('.num3').toggle();
            return false;
        });
        $('.num4').hide();
        $('.numname4').hover(function() {
            $('.num4').toggle();
            return false;
        });
    });
});

分厚いのはわかっていますが、少なくとも私がやりたいことはできます。jsfiddle では完全に動作しますが、ローカル サーバーでテストしているときは何もしません。

4

1 に答える 1

0

$(function() {と最後の行を削除します。

于 2012-08-19T21:48:36.463 に答える