Jquery主题:添加文本后编辑待办事项列表上的文本
使用Stack over flow已经有一段时间了,很高兴能重新使用它,这里是我的问题。 我试着制作一个简单的任务列表(我到目前为止所做的工作的链接在这里:当您“检查并查看源代码”时使用Jquery和html代码) 我是一个从零开始的简单的“编辑”,完成了90%(之后只需要做Css部分)按钮,其唯一目的是在将文本添加到列表后编辑文本框内的文本。唯一的问题是我如何编写函数以允许人们编辑文本。我已经有了编辑按钮,但它位于删除函数内,我不知道我必须键入什么才能让它编辑。谢谢 PS:好的,我很难粘贴Jquery代码,所以只需单击网站上复制源代码上方的链接 代码应该是这样的 另外,下次如何将Jquery代码粘贴到这里,因为我正在读取方向,但它仍然无法正确粘贴到堆栈溢出上。谢谢Jquery主题:添加文本后编辑待办事项列表上的文本,jquery,html,Jquery,Html,使用Stack over flow已经有一段时间了,很高兴能重新使用它,这里是我的问题。 我试着制作一个简单的任务列表(我到目前为止所做的工作的链接在这里:当您“检查并查看源代码”时使用Jquery和html代码) 我是一个从零开始的简单的“编辑”,完成了90%(之后只需要做Css部分)按钮,其唯一目的是在将文本添加到列表后编辑文本框内的文本。唯一的问题是我如何编写函数以允许人们编辑文本。我已经有了编辑按钮,但它位于删除函数内,我不知道我必须键入什么才能让它编辑。谢谢 PS:好的,我很难粘贴Jq
提醒列表
提醒好友
待办事项
&版权所有Mauricio Cuervo
每个选项都有一个隐藏的文本框如何?当单击“编辑”时,显示文本框并隐藏选项;当单击“输入”时,从文本框中获取值并将选项innerHTML更改为值。我采用了上述方法
$(文档).ready(函数(){
//$(“#未完成的任务”).html(我刚刚替换了你的东西。
”;
$(“#Sumbit_按钮”)。单击(函数(){
var textbox_Value=$(“#textbox”).val();
$(“#未完成的任务”)。追加(“”+textbox_Value+”)
+ ''
+“删除”
+“编辑 ”;
});
$(“#未完成的任务”)。在('click','delete',function()上{
log(“我被点击了”);
$(this.parent().remove();
});
$(“#未完成的任务”)。在('click','edit',函数(){
$(this.sides('input').show();
$(this.sides('.delete').hide();
$(this.hide();
});
$(“#未完成的任务”)。在('click','edit',函数(){
$(this.sides('input').show();
$(this.sides('span').hide();
$(this.sides('.delete').hide();
$(this.hide();
});
$(“#未完成的任务”)。关于('keyup','new value',函数(e){
如果(e.keyCode==13){
$(this.slides('span').text($(this.val()).show();
$(this.sibbines('input').hide();
$(this.sides('.delete').show();
$(this.sides('.edit').show();
$(this.hide();
}
});
});
提醒列表
提醒朋友
待办事项
&版权所有Mauricio Cuervo
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>The Reminder list</title>
<h1> The Reminder Friend </h1>
<form>
<!-- textbox -->
<input type="text" id="textbox" >
<!--add button -->
<input type="button" id= "Sumbit_Button" value="Add">
<h3>Todo</h3>
<div id = "Complete"> </div>
<ul id="incomplete-tasks">
</ul>
</form>
<footer>
<h2> © Copyright Mauricio Cuervo</h2>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="p4.js"></script>
</body>