1

我有一个 HTML 文件：

<!DOCTYPE html>
<html>
<head>
<title>Insert</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="js/controlla.js"></script>
</head>
<body>
<div id="insert">
<img src="css/images/logo.png" alt="Search Engine Logo" />
<input id="#textboxone" onkeyup="scova(event)" type="text"/>
</div>
</body>
</html>

我已经按顺序插入了脚本引用（第一个 jquery，第二个我的函数文件）。在我的函数文件中，输入框中的 onkeyup 事件中有函数 scova(event)，无法使用 jQuery 参考$。

例如：

function scova(e) {
var valore = document.getElementById('#textboxone').value;
var valjquiro = $('#textboxone').val();
console.log('il valore di javascript: ' + valore);
console.log('il valore di jaquirro: '+valjquiro);
};

在浏览器控制台中（在数字“测试”之后）我得到：

il valore di javascript: test
il valore di jaquirro: undefined

如何在我的函数文件中使用 JQuery？如何$在我的 controlla.js 中使用 jquery 的引用？

4

4 回答 4

8

改变

<input id="#textboxone" onkeyup="scova(event)" type="text"/>

至

<input id="textboxone" onkeyup="scova(event)" type="text"/>

所以这$('#textboxone')不会是一个空对象。

完成此操作后，还可以 document.getElementById('#textboxone')通过删除#.

于 2013-06-14T16:34:39.730 回答
2

#从您的 id 属性中删除或执行此操作 -

var valjquiro = $('#\\#textboxone').val();
于 2013-06-14T16:34:42.753 回答
1

您不需要包含 jQuery在任何其他JavaScript文件中：只需放在所有标签jQuery之上，所有下一个导入的文件都可以访问该库。<script>

于 2013-06-14T16:34:26.190 回答
0

尝试像这样包装函数文件中的代码：

$(document).ready(function(){ put your code here })

在此处阅读有关此内容的更多信息：http: //api.jquery.com/ready/

如果我理解正确的话，您的代码可能在 DOM 完全加载之前运行，处于当前状态。

于 2013-06-14T16:37:57.937 回答