2014-10-11 53 views
0

我最近開始學習快遞。我試圖在發送給客戶端的HTML文檔中使用jQuery,使用res.sendFile() express方法。 HTML在瀏覽器上看起來不錯,但控制檯返回下一條消息:不能使用jQuery與快遞

Uncaught ReferenceError: $ is not defined.

我該怎麼做才能使用jQuery?

app.js

var express = require ('express'); 
var app = express(); 

app.set ('views', __dirname + '/views'); 
app.set ('view engine', 'jade'); 
app.use (express.static(__dirname + '/static')); 

app.get ('/hello', function (req, res){ 
    res.send('Hello World'); 
}); 

app.get ('/', function (req, res){ 
    res.sendFile(__dirname + '/views/index.html'); 
    console.log ('IP: ' + req.ip); 
}); 

app.get ('/headers', function(req,res){ 
    res.set('Content-Type', 'text/plain'); 
    var s = ''; 
    for (var name in req.headers) s += name + ': ' + req.headers[name] + '\n'; 
     res.send(s) 
}); 

var server = app.listen(8080, function() { 
    console.log('Listening on port %d', server.address().port); 
}); 

的index.html

<html> 
<body> 

<h1>Express</h1> 


<script> 

    $("h1").value('Jesus'); 

</script> 

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 

</body> 
</html> 
+1

要麼你已經包括jQuery後,你的自定義腳本或你有一個分號或類似的東西丟失。 – 2014-10-11 19:54:15

+0

您是否在您的網頁中包含jQuery腳本標記,以便jQuery在該頁面中加載並可用? – jfriend00 2014-10-11 20:03:07

回答

0

添加您的網頁

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script>  
$("h1").text('Jesus'); 
</script> 
</head> 

的頂部或更改代碼LIKE

<head> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script>  
$("h1").text('Jesus'); 
</script> 
</head> 
+0

我試過了,但現在的消息是:Uncaught TypeError:undefined不是函數 – JesusUS 2014-10-11 20:40:11

+0

你能顯示代碼嗎?你有什麼嘗試和如何? – Meer 2014-10-11 20:53:40

+0

對不起,現在沒問題,問題是方法value()不存在,我使用的是text()。謝謝 – JesusUS 2014-10-11 20:55:48