Javascript 动态地向jquery accordion中添加额外的行

我想问一些关于如何动态控制手风琴的问题

当点击添加按钮时，我想再添加一行子手风琴和 单击移除按钮将移除手风琴的最后一行

然后我有一个问题，如何控制它

我的源代码如下

JS:

$（“#添加分辨率”）。单击（函数（e）{
警报（“添加新决议”）；
});
$（“#删除解决方案”）。单击（函数（e）{
警报（“删除新决议”）；
});
添加
德尔
@EditorFor（model=>model.Resolution，
新的
{
style=“宽度：+100+”%；高度：+5+”em
}) 
@Html.ValidationMessageFor（model=>model.Resolution）


选择图像文件

单击“添加”按钮时，动态添加一列并增加accordion子id（例如：accordian1、accordian2、accordian3）

单击“删除”按钮，然后删除最后一行

请帮帮我谢谢

我想你想要这个

$('#addAccordion').click( function() {
    var newDiv = "<div><h3>Q2 New Question</h3><div>New Content</div></div>";
    $('#accordionSub').append(newDiv)
    $('#accordionSub').accordion("refresh");        
});

$（'#addAccordion'）。单击（函数（）{
var newDiv=“第二季度新问题新内容”；
$（'#accordiosub'）。追加（newDiv）
$（'coordionsub'）。手风琴（“刷新”）；
});

如果我理解正确，从您对上一个答案的评论来看，razor生成的代码似乎有问题，比如：

@Html.LabelFor(model => model.Resolution)

显然，因为代码是服务器端的，所以您需要一个客户端解决方案

一个选项是使用jquery克隆来克隆元素，给克隆一个唯一的id，然后附加它

所以你可以这样做：

var clone = $('#accordionSub').clone();
clone.attr('id', 'id1').insertAfter($('#accordionSub'));

---

这是完全未经测试，但希望将指向正确的方向你。我已将新id硬编码为“id1”，但显然您需要确定新元素的id应该是什么。

您可以发布您尝试过的内容吗？抱歉，我还没有放置图像的要点。我只想点击Add或Remove按钮并添加更多类似于手风琴的div IDB，但我需要像这样放置@Html.LabelFor（model=>model.Resolution），但这是错误的，你知道我如何将@Thank you放入新的div中吗！您好，非常感谢您的回答，您完全理解我的观点，这是MVC模式。我将尝试在完成视图侧后处理模型侧。我已经按照你的指导做了。在我点击添加按钮后，它将生成更多的手风琴。然而，里面没有任何内容（即使是点击手风琴，也不会发生任何事情），你对此有什么想法吗？非常感谢。看起来像是禁用。。若我打开手风琴的原件，并点击添加，那个么它是相同的克隆打开，但我不能做任何类似的事情disable@clear.choi-我不太清楚你的意思。。。也许如果你再解释一遍，我会理解得更好。哦，对不起，我已经复制了，并且已经显示了添加的项目。但是，复制的项目无法执行类似“禁用”的任何操作。最初，如果我单击accordion，它的扩展和显示消息以及模型部分中定义的某些事件，但复制的项不会执行任何操作。如果我发出类似-->的警报（“添加新分辨率”）；var clone=$（'#accordiosub'）。clone（true）//clone.attr（'id'，'accordiossub1'）。insertAfter（$（'#accordiossub'））；clone.attr（'id'，'accordionSub1'）；clone.appendTo（“#accordiosub”）；-->它的工作和扩展复制的手风琴，但在元素内部，它看起来像禁用我不能编辑和做一些事件。

var clone = $('#accordionSub').clone();
clone.attr('id', 'id1').insertAfter($('#accordionSub'));