Question

我正在构建一个利用JavaScript的网站 - 更具体地说是jQuery - 但代码无法正常运行。

我有一个元素，我试图隐藏以便稍后以滑动格式曝光。

这是代码，因为StackOverflow不允许我发布而不包含一些代码：

$(document).ready(function(){
    $("itemStudentsLink").hide();
    $("#PHHS").mouseenter(function(){
        $("#PHHS").fadeTo("slow", 0.7); 
    });
    $("slH").mouseenter(function(){
       $("itemStudentsLink").show("slow"); 
    });
    $(".itemStudentsLink").mouseenter(function(){
       $(this).fadeTo("slow", 1.0); 
    });
    $(".itemStudentsLink").mouseleave(function(){
       $(this).fadeTo("slow", 0.5); 
    });
    $( "#PHHS" ).click(function() {
        $("#PHHS, #notifier").toggle( "fold" );
    });
    $( "#PHHS" ).mouseenter(function() {
        $("#notifier").removeClass("notifierConceal").addClass("notifierReveal");
        $("#notifier").fadeTo("slow", 1.0);
  });
});

这是JSFiddle的视觉，完整参考。我似乎无法弄清楚为什么盒子元素不能正确隐藏。

Answer 1

您遗漏了类和ID的部分.和#前缀。

$(document).ready(function(){
    $(".itemStudentsLink").hide(); // <-- here
    $("#PHHS").mouseenter(function(){
        $("#PHHS").fadeTo("slow", 0.7); 
    });
    $("#slH").mouseenter(function(){ // <-- here
       $(".itemStudentsLink").show("slow");  // <-- here
    });
    $(".itemStudentsLink").mouseenter(function(){
       $(this).fadeTo("slow", 1.0); 
    });
    $(".itemStudentsLink").mouseleave(function(){
       $(this).fadeTo("slow", 0.5); 
    });
    $( "#PHHS" ).click(function() {
        $("#PHHS, #notifier").toggle( "fold" );
    });
    $( "#PHHS" ).mouseenter(function() {
        $("#notifier").removeClass("notifierConceal").addClass("notifierReveal");
        $("#notifier").fadeTo("slow", 1.0);
  });
});

FIDDLE

Answer 2

我明白了！

我忘了添加ID或类标识符......

Noob失败。

有效的JavaScript生成无效的操作

2 个答案: