我想在用.Net创建的待办事项表中添加一个字段卡，但我没有'；我不知道我到底出了什么错 Html 我的目标是通过使用addhtml元素按钮旋转javascript来添加dom元素。当您单击添加时，模式将打开，在填写必要的输入后，需要通过“添加”将卡片添加到表中，但出现了问题，我无法确定发生了什么。我想声明我已调查了该问题。 <h5 class="card-title">Upcoming</h5> <h6 class="card-subtitle text-muted">Upcoming Task</h6> <!--Table title.--> </div> <!--Card body.--> <div class="card-body p-3"> <div id="tasks-upcoming"> <!--Card Head.--> <div class="card mb-3 bg-light cursor-grab border drag-1" id="1"> <div class="card-body p-3"> <!--Check Box--> <div class="float-end mr-n2"> <label class="form-check"> <input type="checkbox" class="form-check-input" aria-label="completed" checked=""> </label> </div> <!--Check Box--> <!--Work title--> <p id="worktitle">Mobile Application</p> <!--Work title--> <!--Avatar--> <div class="float-end mt-n1"> <img id="userName" src="../images/DefaultUser-50.png" width="32" height="32" class="rounded-circle" alt="Avatar"> </div> <!--Avatar--> <a id="workShow" class="ist-group-item active waves-effect btn-primary btn-sm" data-toggle="modal" data-target="#ModalLong">Show</a> </div> </div> </div> 即将发布 即将到来的任务 移动应用程序 显示 JavaScript 在这里，我试图通过调用元素ID来执行我提到的操作。 //Add to-do card function. $(document).ready(function () { classnames(); //call dragula dragula([ document.getElementById('tasks-upcoming'), document.getElementById('tasks-progress'), document.getElementById('tasks-completed'), document.getElementById('skill') ]).on('drop', function (el) { //change classes depending on column. classnames(); }); //static adding of values $(".submit").click(function () { var getvalue1 = document.getElementById("taskName"), //task titile. getvalue2 = document.getElementById("informationText"), //task information. getvalue3 = document.getElementById("skill") //personal. getvalue4 = document.getElementById("textBody"), //to-do text modal. a = getvalue1.value, b = getvalue2.value, c = getvalue3.value, d = getvalue4.value; var today = new Date(); $(".drag-1").append("<div class='card mb-3 bg-light cursor-grab border drag-1'><div class='card-body p-3'><input type='checkbox'arial-label='completed' checked='' class='checkbox' name='' value=''/><p id='workTitle1'><a id='workInfo'>" + a + "<p id='worktitle'></p>" + b + "<img id='userName' width='32' height='32' class='rounded - circle' alt'=P-'>" + c + "<a id='workShow'>" + d + "<div id='textBody' class='modal-body'></a></div></div>'); //添加待办事项卡功能。 $（文档）.ready（函数（）{ 类名（）； //叫德拉古拉 德拉古拉([ document.getElementById（'tasks-uncoming'）， document.getElementById（'tasks-progress'）， document.getElementById（'tasks-completed'）， document.getElementById（'skill'） ]).on（'drop'，功能（el）{ //根据列更改类。 类名（）； }); //静态加值 $（“.submit”）。单击（函数（）{ var getvalue1=document.getElementById（“taskName”），//任务标题。 getvalue2=document.getElementById（“informationText”），//任务信息。 getvalue3=document.getElementById（“技能”）//个人。 getvalue4=document.getElementById（“textBody”），//待办文本模式。 a=getvalue1.0值， b=getvalue2.0值， c=getvalue3.0值， d=getvalue4.0值； var today=新日期（）； $（“.drag-1”）.append（“”+a+”“+b+”+c+”+d+”）；

此代码不完整，因此没有人能够复制您的问题并帮助您解决问题。缺少classnames（）；函数，并且没有class=“submit”元素

除此之外，还有几个错误需要修复：

这条线

$(".drag-1").append("<div class='card mb-3 bg-light cursor-grab border drag-1'><div class='card-body p-3'><input type='checkbox'arial-label='completed' checked='' class='checkbox' name='' value=''/><p id='workTitle1'><a id='workInfo'>" + a + "<p  id='worktitle'></p>" + b + "<img id='userName' width='32' height='32' class='rounded - circle' alt'=P-'>" + c + "<a id='workShow'>" + d + "<div id='textBody' class='modal-body'></a></div></div>');

缺少一个逗号

它目前在最后缺少以下内容：

});});

我怀疑你只是复制了太多的代码来解释为什么会丢失它。我只是指出了它，以防万一它真的丢失了

这些是需要解决的明显问题。如果仍然存在问题，则需要提供更多代码

});});