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 回答