如何在node.js应用程序中不加载ficJQuery CDN，从而阻止服务器运行
我已经启动了一个简单的购物清单应用程序。接下来，我计划添加一个功能来添加一些食谱，然后将食谱中的成分添加到杂货店列表中 在我的登录页上，我无法使jquery cdn正常工作 我已经尝试将jquery cdn放在标题中，放在html的底部，并尝试了jquery的所有版本 我的整个应用程序都有一个index.js文件如何在node.js应用程序中不加载ficJQuery CDN，从而阻止服务器运行,jquery,node.js,cdn,Jquery,Node.js,Cdn,我已经启动了一个简单的购物清单应用程序。接下来，我计划添加一个功能来添加一些食谱，然后将食谱中的成分添加到杂货店列表中 在我的登录页上，我无法使jquery cdn正常工作 我已经尝试将jquery cdn放在标题中，放在html的底部，并尝试了jquery的所有版本 我的整个应用程序都有一个index.js文件 var express = require('express'); var app = express(); var bodyParser = require('body-parser
var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var path = require('path');
var listAni = require('./public/js/list.js');
app.use(bodyParser.urlencoded({ extended: true }));
app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res) {
res.render('home');
});
app.listen(process.env.PORT || 3000, function() {
console.log('Express server listening on port %d in %s mode', this.address().port, app.settings.env);
});
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<link rel="stylesheet" href="/stylesheets/main.css">
<title>Groceries</title>
</head>
<body>
<div id="container">
<h1>List<i class="fa fa-plus"></i></h1>
<input type="text" placeholder="add item">
<ul>
<li><span><i class="fa fa-trash"></i></span>'apple'</li>
<li><span><i class="fa fa-trash"></i></span>'basil'</li>
<li><span><i class="fa fa-trash"></i></span>'almonds'</li>
<li><span><i class="fa fa-trash"></i></span>'milk'</li>
<li><span><i class="fa fa-trash"></i></span>'butter'</li>
</ul>
</div>
<script type="text/javascript" src="/public/js/list.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
杂货
列表
- “苹果”
- “巴兹尔”
- “杏仁”
- “牛奶”
- “黄油”
// Check Off Specific Todos By Clicking
$('ul').on('click', 'li', function() {
$(this).toggleClass('completed');
});
//Click on X to delete Todo
$('ul').on('click', 'span', function(event) {
$(this).parent().fadeOut(500, function() {
$(this).remove();
});
event.stopPropagation();
});
$("input[type='text']").keypress(function(event) {
if (event.which === 13) {
//grabbing new todo text from input
var todoText = $(this).val();
$(this).val('');
//create a new li and add to ul
$('ul').append("<li><span><i class='fa fa-trash'></i></span> " + todoText + '</li>');
}
});
$('.fa-plus').click(function() {
$("input[type='text']").fadeToggle();
});
//通过单击勾选特定TODO
$（'ul'）。在（'click'，'li'，function（）上{
$（this.toggleClass（'completed'）；
});
//单击X删除待办事项
$（'ul'）。关于（'click'，'span'，函数（事件）{
$（this.parent（）.fadeOut（500，function（））{
$（this.remove（）；
});
event.stopPropagation（）；
});
$（“输入[type='text']”）。按键（函数（事件）{
if（event.which==13）{
//从输入抓取新的todo文本
var todoText=$（this.val（）；
$（this.val（“”）；
//创建新的li并添加到ul
$（'ul'）。追加（“”+todoText+” ）；
}
});
$（'.fa plus'）。单击（函数（）{
$（“输入[type='text']”）。fadeToggle（）；
});
我原以为JQuery命令会起作用，但不会 加载jQuery两次：一次用于
jQuery.min.jsjQuery.jshttps://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js