添加 html 时服务器标签格式不正确

【问题标题】：Server Tag Is Not Well Formed when adding html添加 html 时服务器标签格式不正确
【发布时间】：2013-10-14 13:37:15
【问题描述】：

尝试运行要在服务器端访问的一段 jQuery 代码时出现错误。错误在 var html 上

错误是：

解析器错误消息：服务器标签格式不正确。

 $("#add_group").click(function (e) {
                var html = '<input id=\"newGroup\" placeholder=\"Group Name\" runat=\"server\" ><button id=\"Save_Group\" type=\"button\" runat=\"server\" onserverclick=\"saveGroupClick_Handler\" >Save</button><ul class=\"sortable\"></ul>';
                $(html).insertBefore($(".sortable:first"));

            });

有人知道如何解决这个问题吗？

【问题讨论】：

标签： c# jquery asp.net

【解决方案1】：

您可以不使用 javascript 创建服务器标签。您可以使用 asp.net 在服务器端制作标签，使用 javascript/jQuery 隐藏它或在服务器上将其 Style 设置为 display:none 并在客户端和服务器端访问它。

Asp.net 服务器控件

<asp:TextBox id="textbox1" runat="server" style="display:none" ></asp:TextBox>

或

<input type="text" id="textbox1" runat="server" style="display:none" />

Javascript

$("#add_group").click(function (e) {
    var textbox1 = $('#<%= textbox1.ClientID %>');
    textbox1.insertBefore($(".sortable:first"));
    textbox1.show();
});

【讨论】：