javascript - asp.net 弹出窗口无响应显示输入结束

Question

我正在尝试创建一个模式弹出窗口来显示网格视图中的行详细信息。但是当我点击链接按钮时，没有任何反应。我尝试了此视频中的教程

我在浏览器控制台中收到错误消息：Uncaught SyntaxError: Unexpected end of input. 这个错误指向什么？按照评论中的建议，我也为弹出 div 添加了文本框控件。这个错误的原因是什么？

<%----------- POP UP CONTENT --------------------%>
<div id="popupdiv" title="EditStd" style="display:none;"> 
    <asp:TextBox ID="ppID" Text="" runat="server" Visible="false"></asp:TextBox> 
    <div style="text-align: left; width: 100%; font-size: 13px;">
        <span style="float: left; width: 40%;"><b>Reg/Sym:</b>
            <asp:TextBox ID="ppReg" Text="" runat="server"></asp:TextBox>/
            <asp:TextBox ID="ppSym" Text="" runat="server"></asp:TextBox>
        </span>
    </div>
    <div style="text-align: left; width: 100%; font-size: 13px;">
        <span style="float: left; width: 40%;"><b>Address:</b>
            <asp:TextBox ID="ppAddress" Text="" runat="server"></asp:TextBox>
        </span>
    </div>  
</div>
<%------------------------------------------------------%>
<asp:GridView ID="StdGrid" Visible="false" 
    runat="server" AutoGenerateColumns="false" Width="100%">
<Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <a href="#" onclick="popup("<%# Eval("STUDENT_ID") %>")", 
                                        "<%# Eval("SYMBOL_NO") %>")", 
                                        "<%# Eval("REG") %>")",
                                        "<%# Eval("ADDRESS") %>")">Update</a>
        </ItemTemplate>
    </asp:TemplateField>
</Columns>
</asp:GridView>                                 

<script src="scripts/jquery-1.12.0.min.js"></script>
<script src="scripts/jquery-ui.min.js"></script>
<script type="text/javascript">
function popup(id, sym, reg, addrs) {
            alert("test");
            $("#ppID").text(id);
            $("#ppSym").text(sym);
            $("#ppReg").text(reg);
            $("#ppAddress").text(addrs);
            $("#popupdiv").dialog({
                title: "Edit Student",
                width: 350,
                height: 250,
                modal: true,
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
        }
</script>

标签： javascriptjqueryasp.netjquery-uigridview