我对 jquery 真的很陌生,在我的本地机器上运行它时遇到了一些麻烦。
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 上完美运行,但是当我在本地服务器上测试它时它什么也没做。