Javascript 无法使删除功能正常工作
我正在尝试学习.js以及如何创建本地存储。我已经在HTML中使用javascript创建了本地存储。我可以创建它,但问题是我不能创建删除功能来工作,我完全迷路了。我一直在努力解决这个问题,但不知道我在哪里丢失了链接。有人能帮帮我吗 这是我的剧本Javascript 无法使删除功能正常工作,javascript,sql,html,Javascript,Sql,Html,我正在尝试学习.js以及如何创建本地存储。我已经在HTML中使用javascript创建了本地存储。我可以创建它,但问题是我不能创建删除功能来工作,我完全迷路了。我一直在努力解决这个问题,但不知道我在哪里丢失了链接。有人能帮帮我吗 这是我的剧本 var db = null; var db = openDatabase('To Do', '1.0', 'To Do', 2 * 1024 * 1024); db.transaction(function(tx){ tx.executeSql(
var db = null;
var db = openDatabase('To Do', '1.0', 'To Do', 2 * 1024 * 1024);
db.transaction(function(tx){
tx.executeSql('CREATE TABLE IF NOT EXISTS BuildingNames(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, created unique, name, latitude, longtitude )');
});
$('document').ready(function(){
var db = openDatabase('To Do', '1.0', 'To Do', 2 * 1024 * 1024);
db.transaction(function(tx){
tx.executeSql('SELECT * FROM BuildingNames', [], querySucess, errorCB);
});
function querySucess(tx, results){
var len = results.rows.length;
if(len > 0){
for(i = 0; i < len; i++){ //<span here>//
$("#list").append("<li class='names'><br>" + results.rows.item(i).id + "<br>name<br>" + results.rows.item(i).name + "latitude<br>" + results.rows.item(i).latitude + "</li>");
}
}else{
console.log("You Have No BuildingNames");
}
}
function errorCB(err){
alert("Error" + err.code);
}
});
$("#go").click(function(){ // can put parameter inside the function ( like created, name, description, duedate ) //.
var name = $("#name").val();
var namelen = $("#name").val().length;
var latitude = $("#latitude").val();
var longtitude = $("#longtitude").val();
var created = $.now();
//var duedate = new Date()//
if(namelen >= 4){
function populateDB(tx){
tx.executeSql('CREATE TABLE IF NOT EXISTS BuildingNames(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, created unique, name, latitude, longtitude )');
tx.executeSql('INSERT INTO BuildingNames(created, name, latitude, longtitude) VALUES(?, ?, ?, ?)', [created, name, latitude, longtitude]);
}
function errorCB(err){
alert("You did something wrong");
}
function successCB(){
alert("success");
}
var db = openDatabase('To Do', '1.0', 'To Do', 2 * 1024 * 1024);
db.transaction(populateDB,errorCB,successCB);
}else{
alert("You Must Have four or more character");
}
});
$("#delete").on("click",function(){
function deleteDB(tx){
var newform = "BuildingNames";
tx.executeSql("DELETE FROM " + newform + " WHERE now = " + id + " ");
}
function errorCB(err){
alert("Whoops, That Was Strange!");
}
function successCB(){
alert("deleted");
}
var db = openDatabase('To Do', '1.0', 'To Do', 2 * 1024 * 1024);
db.transaction(deleteDB,errorCB,successCB);
});
这是我的html
<!doctype>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
<head>
<link rel="stylesheet" type="text/css" href="css/database.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="buildings">
<input type="text" id="name" placeholder="Building Name"/>
<input type="text" id="latitude" placeholder="latitude"/>
<input type="text" id="longtitude" placeholder="longtitude"/>
<input type="button" id="go" value="Go"/>
<input type="button" id="delete" value="delete"/>
<div id="list" ></div>
<!--<input type="text" id="myinput"/>
<div id="submit">Submit</div>
<div id="deletestorage">Delete</div> -->
</div>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>
this.names在这里执行的操作-$delete.onclick、.namesfunction{您的代码似乎无效。从这里的官方jQuery页面,您可以看到绑定类似这样的单击事件的正确方法是$delete.onclick、.names、function{-在这种情况下缺少逗号。另外,不是小写。我认为你应该重新检查你的代码,以防出现此类错误。我刚刚删除了。名称。我认为我需要类来指出它的存储位置。我一直在这里混来混去,想看看如何使它工作。好吧,我不想垃圾邮件你的帖子,等着看是否有人能帮你更多,我想ink建议您应该一步一步地重做,因为现在似乎有很多事情可能会导致问题,很难指出它们。谢谢leron,唯一不起作用的是,它没有删除我已经创建的db。