我如何從另一個file.js使用jQuery

Question

我有一個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，第二個我的函數文件）。 在我的函數文件中，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);
};

在瀏覽器控制台中（在數字“ test”之后），我得到：

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

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

Answer 1

更改

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

至

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

這樣$('#textboxone')不會是一個空對象。

完成此操作后，還可以通過刪除#修復document.getElementById('#textboxone') 。

Answer 2

從您的id屬性中刪除#或執行以下操作-

var valjquiro = $('#\\#textboxone').val();

Answer 3

您不需要將jQuery 包含在任何其他JavaScript文件中：只需將jQuery放在所有<script>標記的頂部，所有接下來導入的文件都可以訪問該庫。

Answer 4

嘗試像這樣從函數文件包裝代碼：

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

在此處閱讀有關此內容的更多信息： http : //api.jquery.com/ready/

如果我正確理解了您的代碼，則可能在DOM完全加載之前（當前狀態）正在運行。

我如何從另一個file.js使用jQuery

問題描述

4 個解決方案

解決方案1
8 已采納 2013-06-14 16:34:39

解決方案2
2 2013-06-14 16:34:42

解決方案3
1 2013-06-14 16:34:26

解決方案4
0

我如何從另一個file.js使用jQuery

問題描述

4 個解決方案

解決方案1 8 已采納 2013-06-14 16:34:39

解決方案2 2 2013-06-14 16:34:42

解決方案3 1 2013-06-14 16:34:26

解決方案4 0

解決方案1
8 已采納 2013-06-14 16:34:39

解決方案2
2 2013-06-14 16:34:42

解決方案3
1 2013-06-14 16:34:26

解決方案4
0