在<head>上脚本不起作用

Question

在<head>上脚本不起作用

我证明了剧本.它的作品,但在...之外.我不擅长剧本.也许这是一个简单的问题.

<head>
<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script>
<script src="http://0rochymugen.ucoz.com/scriptbestsite.js" type="text/javascript"></script>        
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

Run Code Online (Sandbox Code Playgroud)

基本上,脚本只显示一个

当鼠标移到图像上时.

$('#img1').mouseover(function () {
$('#p1').show("slow");
});

$("#p1").hover(function () {
$("#p1").hide("slow");
});

Run Code Online (Sandbox Code Playgroud)

当我把脚本放在头上.简单地说,不起作用.

Answer 1

Ode*_*ded 7

在某些情况下,如果您尝试操作页面上的项目,如果您在页面的其余部分加载完成之前加载并执行javascript ,您将收到错误和/或您的代码似乎无法正常工作.

这是建议将链接放到页面底部的javascript文件的一个原因.

另一个好的做法是仅在文档加载完成后运行,在jQuery中通常使用以下语法完成:

$(document).ready(function(){
   // Your javascript
}

Run Code Online (Sandbox Code Playgroud)

Answer 2

Hea*_*ota 6

我认为您的代码不起作用,因为在文档准备就绪时您没有运行它:

$(document).ready(function(){

  $('#img1').mouseover(function () {
  $('#p1').show("slow");
  });

  $("#p1").hover(function () {
  $("#p1").hide("slow");
  });

  $("#img2").mouseover(function () {
  $('#p2').show("slow");
  });

  $("#p2").hover(function () {
  $("#p2").hide("slow");
  });

  $("#img3").mouseover(function () {
  $('#p3').show("slow");
  });

  $("#p3").hover(function () {
  $("#p3").hide("slow");
  });

  $("#img4").mouseover(function () {
  $('#p4').show("slow");
  });

  $("#p4").hover(function () {
  $("#p4").hide("slow");
  });

  $("#img5").mouseover(function () {
  $('#p5').show("slow");
  });

  $("#p5").hover(function () {
  $("#p5").hide("slow");
  });
});

Run Code Online (Sandbox Code Playgroud)

您还可以将两个函数传递给两个悬停处理程序,以处理mouseover和mouseout事件.我认为这会缩短你的代码.;)

归档时间：	14 年，4 月前
查看次数：	10048 次
最近记录：	9 年，6 月前