Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery主题:添加文本后编辑待办事项列表上的文本_Jquery_Html - Fatal编程技术网

Jquery主题:添加文本后编辑待办事项列表上的文本

Jquery主题:添加文本后编辑待办事项列表上的文本,jquery,html,Jquery,Html,使用Stack over flow已经有一段时间了,很高兴能重新使用它,这里是我的问题。 我试着制作一个简单的任务列表(我到目前为止所做的工作的链接在这里:当您“检查并查看源代码”时使用Jquery和html代码) 我是一个从零开始的简单的“编辑”,完成了90%(之后只需要做Css部分)按钮,其唯一目的是在将文本添加到列表后编辑文本框内的文本。唯一的问题是我如何编写函数以允许人们编辑文本。我已经有了编辑按钮,但它位于删除函数内,我不知道我必须键入什么才能让它编辑。谢谢 PS:好的,我很难粘贴Jq

使用Stack over flow已经有一段时间了,很高兴能重新使用它,这里是我的问题。 我试着制作一个简单的任务列表(我到目前为止所做的工作的链接在这里:当您“检查并查看源代码”时使用Jquery和html代码)

我是一个从零开始的简单的“编辑”,完成了90%(之后只需要做Css部分)按钮,其唯一目的是在将文本添加到列表后编辑文本框内的文本。唯一的问题是我如何编写函数以允许人们编辑文本。我已经有了编辑按钮,但它位于删除函数内,我不知道我必须键入什么才能让它编辑。谢谢

PS:好的,我很难粘贴Jquery代码,所以只需单击网站上复制源代码上方的链接 代码应该是这样的

另外,下次如何将Jquery代码粘贴到这里,因为我正在读取方向,但它仍然无法正确粘贴到堆栈溢出上。谢谢


提醒列表

提醒好友
待办事项
&版权所有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> &copy  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>