使用更新面板时用户控件消失

Question

我有一个用户控件，它充当我网站的页脚，并使用 java 脚本 jqdock.js 来显示苹果类型的底部菜单。我向用户控件添加了一个更新面板。我现在遇到的问题是，它最初可以正常工作，但是一旦我单击用户控件中的邮件按钮，整个用户控件就会消失，我猜在回发之后。下面是用户控件和代码视图：

enter code here

public void Page_Load(object sender, EventArgs e) {

   // Page.ClientScript.RegisterClientScriptInclude("bottomMenu", "../js/jqDock.js");
    ScriptManager.RegisterClientScriptInclude(this,this.GetType(),"bottomMenu", "../js/jqDock.js");
    //ScriptManager.RegisterStartupScript(this, this.GetType(), "bottomMenu", "../js/jqDock.js",true);
   }

//设计视图

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucBottomMenu.ascx.cs"
Inherits="uc_ucBottomMenu" %>
<div id="dockWrapper" style="position: fixed; background: url('user/use.png');
padding: 10px; margin: 0 auto; width: 700px; height: 100px;" class="noprint">

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="dock">

  <asp:PlaceHolder ID="phEmail" runat="server"><a id="hplEmail" runat="server">
        <src="/dock/email.png" title="Email" alt="Email" /></a> </asp:PlaceHolder>



         </asp:PlaceHolder>


</div>
</ContentTemplate>
</asp:UpdatePanel>

Answer 1

你需要在你的代码隐藏中注册一个启动脚本来调用一个函数来重新初始化你的 jqDock。这是因为在 UpdatePanel 回发之后，<ContentTemplate></ContentTemplate> 内的所有内容都会被替换。

代码隐藏：

ScriptManager.RegisterStartupScript(this, GetType(), reInitjqDock, "reInitjqDock();", true);

脚本：

//example
function reInitjqDock()
{
  jQuery('#dock').jqDock();
}