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、2 番目に関数ファイル)。私の関数ファイルには、inputbox の 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

他のファイル内に含める 必要はありません。すべてのタグの上に置くだけで、次にインポートされるすべてのファイルがライブラリにアクセスできるようになります。jQueryJavaScriptjQuery<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 に答える