Javascript 无法识别 jQuery 函数


Javascript not recognizing jQuery functions

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

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

在我的脚本中.js我调用了一个简单的jQuery函数.show()和包装在函数中的.hide()

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

我正在从 php 回显运行该函数

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

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

我在火狐中运行Firebug,它告诉我.show()和.hide()不被识别为函数。

任何帮助将不胜感激

谢谢!

document.getElementById

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

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

方法show并且hidejQuery对象上执行,但您尝试在Element实例上执行它。它只是没有这些方法。你混淆了jQuery(showhide)和"纯"javascript(document.getElementById)。你应该做

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