Question

好的，所以我试图获取一些隐藏的文本，当鼠标进入div时显示，然后在它离开时隐藏

到目前为止，我已经在fiddle

上找到了这个

$(document).ready(function() {   
  $(".image").mouseover(function(){
 $(".hover").show();
 })
$(".image").mouseout(function(){
 $(".hover").hide();
});

感谢任何帮助都很棒

Answer 1

您应阅读 JavaScript

的基础知识

$(document).ready(function() {   
  $(".image").mouseover(function(){
  $(".hover").show();
  })
    $(".image").mouseout(function(){
  $(".hover").hide();
});
})//added

Updated Demo

Answer 2

您错过了});

此外，您可以将代码简化为：

$(document).ready(function () {
    $(".image").mouseover(function () {
        $(".hover").show();
    }).mouseout(function () {
        $(".hover").hide();
    });
});

是的，你的HTML破了。先解决这个问题。

Answer 3

您的HTML和JS代码都编写得很糟糕。而你没有包含jQuery是你的jsfiddle，这意味着'$'无法识别。

$(document).ready(function() {
  $(".image").mouseover(function(){
      $(".hover").show();
  });
  $(".image").mouseout(function(){
      $(".hover").hide();
  });
});

您可以在此处进行测试：http://jsfiddle.net/5PR5E/3/

Jquery显示/隐藏悬停或鼠标输入问题

3 个答案: