Question

我的HTML加载了两个脚本......

<head>
<script src="/js/jquery-1.11.1.js"></script>
<script src="script.js"></script>
</head>

在我的script.js中，我调用一个简单的jQuery函数.show（）和.hide（）包含在函数内

function visible() {
alert('Hi');
document.getElementById('login-error').show();
document.getElementById('login-error').hide(6000);
}

我正在从php echo

运行该函数

echo "<script type='text/javascript'>visible();</script>";

但是从哪里执行函数并不重要，它无法识别jQuery函数。警报响起但我无法识别jQuery脚本。

我在firefox中运行firebug，它告诉我.show（）和.hide（）不被识别为函数。

任何帮助将不胜感激

谢谢！

Answer 1

document.getElementById不返回jQuery集合，jQuery不会将其函数添加到DOM节点的原型中。这段代码将在jQuery中编写如下。

function visible() {
    alert('Hi');
    $('#login-error').show();
    $('#login-error').hide(6000);
}

Answer 2

方法show和hide执行jQuery个对象，但您尝试在Element个实例上执行它。它没有那些方法。您正在混淆jQuery（show和hide）和＆＃34; plain＆＃34; javascript（document.getElementById）。你应该做

$('#login-error').show();
$('#login-error').hide(6000);