脚本适用于jsfiddle,而不适用于本地机器

时间:2012-04-30 02:46:07

标签: jquery xampp jsfiddle

我对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上运行得很好,但是当我在本地服务器上测试它时,它什么也没做。

1 个答案:

答案 0 :(得分:0)

删除$(function() {和最后一行。

相关问题