在jquery中定义和调用函数
在jquery中定义和调用函数
提问于 2014-01-23 12:51:19
我试图使用.js调用在外部jQuery中定义的函数，但是没有发生任何事情。这是我的html：
<head>
<title>Página de pruebas jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--<link rel="StyleSheet" href="css/style.css" type="text/css" />-->
<script type="text/javascript" src="jquery-1.10.2.min.js" /></script>
<script type="text/javascript" src="E1.js" />
</script>
</head>
<body>
<div id="contenedor">
Pasa el ratón por aquí
</div>
<div id="mostrador" style="display: none;">
Muy bien, has pasado el raton por encima!
</div>
</body>我的jQuery代码：
$(document).ready(function(){
$("#contenedor").mouseenter(mostrarTexto(evento));
$("#contenedor").mouseleave(ocultarTexto(evento));
});
var mostrarTexto=function(evento){
$("#mostrador").css("display","block");
}
var ocultarTexto=function(evento){
$("#mostrador").css("display","none");
}我已经试过很多东西了，但是我不能让它开始工作
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-23 13:00:54
确保在页面中正确导入了脚本文件(jQuery库和E1)。
试试这个。
演示：http://jsfiddle.net/h9Veg/
$(document).ready(function(){
$("#contenedor").mouseenter(function() { mostrarTexto(); });
$("#contenedor").mouseleave(function() { ocultarTexto(); });
});
var mostrarTexto=function(evento){
$("#mostrador").css("display","block");
}
var ocultarTexto=function(evento){
$("#mostrador").css("display","none");
}Stack Overflow用户
发布于 2014-01-23 12:54:47
不确定这是否有用，但您关闭<script>标记两次。
<script type="text/javascript" src="E1.js" />
</script>应该是
<script type="text/javascript" src="E1.js">
</script>Stack Overflow用户
发布于 2014-01-23 13:08:22
你的代码有点麻烦。
你为什么要用
var mostrarTexto=function(evento){
$("#mostrador").css("display","block");
}好呀
function mostrarTexto(evento){
$("#mostrador").css("display","block");
}如果您想要成为可伪造的，请使用绑定到文档根的赋值，而不是最佳实践，但是当代码变得丑陋时，它会有所帮助。
document.mostrarTexto=function(evento){
$("#mostrador").css("display","block");
}在此之前..。检查您的函数是否存在，以及它的范围。因为范围是一件棘手的事情。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21308720
复制相关文章
相似问题
腾讯云开发者
