Question

我正在尝试使用jQuery调用 external .js中定义的函数，但没有任何反应。这是我的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");
    }

我尝试了很多我搜索过的东西，但我无法让它工作

Answer 1

确保在您的页面中正确导入脚本文件（jQuery库和E1）。

试试这个。

DEMO ：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");
    }

Answer 2

不确定这是否有帮助，但您关闭了<script>代码两次。

<script type="text/javascript" src="E1.js" />
</script>

应该是

<script type="text/javascript" src="E1.js">
</script>

Answer 3

这是可能的解决方案：

$(document).ready(function(){
    $("#contenedor").mouseenter(function(evento) {
        mostrarTexto(evento);
    });

    $("#contenedor").mouseleave(function(evento) {
        ocultarTexto(evento);
    });
});


var mostrarTexto=function(evento){
    $("#mostrador").css("display","block");
}

var ocultarTexto=function(evento){
    $("#mostrador").css("display","none");
}

Answer 4

你的代码有点奇怪。

为什么使用

var mostrarTexto=function(evento){
    $("#mostrador").css("display","block");
}

为什么不

function mostrarTexto(evento){
    $("#mostrador").css("display","block");
}

如果你想要伪造，可以使用绑定到文档根目录的赋值，而不是最佳实践，但是当代码变得丑陋时它会有所帮助

document.mostrarTexto=function(evento){
    $("#mostrador").css("display","block");
}

并且在所有之前..检查您的功能是否存在，以及它的范围。因为范围是一件棘手的事情。

在jquery中定义和调用函数

4 个答案: