jquery模式未与asp.net母版页一起显示

jquery模式未与asp.net母版页一起显示,jquery,asp.net,modal-dialog,Jquery,Asp.net,Modal Dialog,我试图使用以下代码显示jquery模式弹出窗口: protected void gvGroupSummary_RowCommand(object sender, GridViewCommandEventArgs e) { try { int index = Convert.ToInt32(e.CommandArgument); if (e.CommandName.Eq

我试图使用以下代码显示jquery模式弹出窗口:

 protected void gvGroupSummary_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            try
            {
                int index = Convert.ToInt32(e.CommandArgument);
                if (e.CommandName.Equals("detail"))
                {
                    int code = Convert.ToInt32(gvGroupSummary.DataKeys[index].Value.ToString());
                    IEnumerable<DataRow> query = from i in dt.AsEnumerable()
                                                 where i.Field<int>("GroupID").Equals(code)
                                                 select i;
                    DataTable detailTable = query.CopyToDataTable<DataRow>();
                    DetailsView1.DataSource = detailTable;
                    DetailsView1.DataBind();
                    System.Text.StringBuilder sb = new System.Text.StringBuilder();
                    sb.Append(@"<script type='text/javascript'>");
                    sb.Append("$('#detailModal').modal('show');");
                    sb.Append(@"</script>");
                    ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "DetailModalScript", sb.ToString(), false);
                }

            }
            catch (Exception ex)
            {
                System.Console.Error.Write(ex.Message);
            }
        }
protectedvoid gvGroupSummary\u行命令(对象发送方,GridViewCommandEventArgs e)
{
尝试
{
int index=Convert.ToInt32(e.CommandArgument);
如果(例如CommandName.Equals(“详细信息”))
{
int code=Convert.ToInt32(gvGroupSummary.DataKeys[index].Value.ToString());
IEnumerable查询=来自dt.AsEnumerable()中的i
其中i.Field(“GroupID”).等于(代码)
选择i;
DataTable detailTable=query.CopyToDataTable();
DetailsView1.DataSource=detailTable;
DetailsView1.DataBind();
System.Text.StringBuilder sb=新的System.Text.StringBuilder();
某人加上(@“);
sb.追加($('#detailModal').modal('show'););
某人加上(@“);
ScriptManager.RegisterClientScriptBlock(this,this.GetType(),“DetailModalScript”,sb.ToString(),false);
}
}
捕获(例外情况除外)
{
System.Console.Error.Write(例如消息);
}
}
HTML是:

 <!-- Detail Modal Starts here-->
    <div id="detailModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Detailed View</h3>
        </div>
        <div class="modal-body">
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
                    <asp:DetailsView ID="DetailsView1" runat="server" CssClass="table table-bordered table-hover" BackColor="White" ForeColor="Black" FieldHeaderStyle-Wrap="false" FieldHeaderStyle-Font-Bold="true" FieldHeaderStyle-BackColor="LavenderBlush" FieldHeaderStyle-ForeColor="Black" BorderStyle="Groove" AutoGenerateRows="False">
                        <Fields>
                            <asp:BoundField DataField="GroupID" HeaderText="Group ID" />
                            <asp:BoundField DataField="GroupCode" HeaderText="Group Code" />
                            <asp:BoundField DataField="GroupName" HeaderText="Group Name" />
                            <asp:BoundField DataField="GroupType" HeaderText="Group Type" />
                              <asp:BoundField DataField="PreviousEstimateCosts" HeaderText="Previous Estimate Costs" />
                             <asp:BoundField DataField="TotalEstimates" HeaderText="Total Estimate Costs" />
                             <asp:BoundField DataField="PreviousEstimateVariance" HeaderText="Previous Estimate Variance" />
                             <asp:BoundField DataField="TotalActuals" HeaderText="Total Actual Costs" />
                             <asp:BoundField DataField="EstimateActualVariance" HeaderText="Estimate Actual Variance" />
                             <asp:BoundField DataField="EstimateActualVariancePct" HeaderText="Estimate Actual Variance PCT" />
                             <asp:BoundField DataField="FinancialYear" HeaderText="Financial Year" />
                             <asp:BoundField DataField="HasComments" HeaderText="Comments" />
                        </Fields>
                    </asp:DetailsView>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="gvGroupSummary" EventName="RowCommand" />
                </Triggers>
            </asp:UpdatePanel>
            <div class="modal-footer">
                <button class="btn btn-info" data-dismiss="modal" aria-hidden="true">Close</button>
            </div>
        </div>
    </div>
    <!-- Detail Modal Ends here -->

×
详细视图
关
我已经在没有母版页的情况下测试了代码,它可以正常工作。当我使用母版页并单击“详细信息”按钮时,主页会变暗,但不会出现弹出窗口。在研究该问题后,似乎这部分存在问题,但我不确定如何修改它:

 sb.Append(@"<script type='text/javascript'>");
                    sb.Append("$('#detailModal').modal('show');");
                    sb.Append(@"</script>");
                    ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "DetailModalScript", sb.ToString(), false);
sb.Append(@“);
sb.追加($('#detailModal').modal('show'););
某人加上(@“);
ScriptManager.RegisterClientScriptBlock(this,this.GetType(),“DetailModalScript”,sb.ToString(),false);
任何帮助都将不胜感激

试试这个 VB.NET版本

Dim sb As StringBuilder = New StringBuilder()
sb.Append("$(document).ready(function() {$('#Your_Modal').modal();});")
ScriptManager.RegisterClientScriptBlock(Me, [GetType](), "none", sb.ToString, True)

你在浏览器的控制台中看到任何脚本错误吗?在Chrome的控制台下,当我点击“详细信息”按钮时,不会出现任何错误。“元素”下显示的内容如下所示: