在 UpdatePanel 中单击按钮时隐藏和显示 div

Question

我正在使用 UpdatePanel ---> LinkBut​​ton --> Div ---> 表结构。 当我单击链接按钮时，div 必须首先显示表格格式，并且必须在其 OnClick 事件中执行代码，我面临的问题是我尝试了如下所示的许多 jquery 函数：

<asp:LinkButton ID="lnkbtnUnitAdd" runat="server" OnClientClick="Toggledivs()"  OnClick="lnkbtnAdd_Click" Text="Add" ></asp:LinkButton>

即使我用过：

$(document).ready(function()
{ 
    $("#lnkbtnUnitAdd").click(function () {
        $("#divUnit").show("slow"); return false;
    });
});

或

function Toggledivs()
{
    $("#lnkbtnUnitAdd").click(function () {
        $("#divUnit").show("slow"); return false;
    });
}

或不使用 LinkBut​​ton 中的 OnClientClick 属性

结果是一样的，因为函数在按钮 Onclient click 或 document.ready function() 中返回 false，因此按钮 Onclick 事件没有触发。

如果我将 return false 注释掉，则 div 将无法正确显示。

由于整个过程都在更新面板中运行，请帮助如何处理。

Answer 1

在这种情况下，您可能必须使用 Control.ClientID。试试这个

$(document).ready(function(){ 
    $("#<%=lnkbtnUnitAdd.ClientID%>").click(function () {
        $("#divUnit").show("slow"); return false;
    });
});

我不建议在 HTML 中添加事件处理程序。但是下面的代码应该可以工作。您不必再次分配点击事件。

function Toggledivs()
{
    $("#divUnit").show("slow"); 
    return false;
}

给

return true;

如果您希望onclick 函数被执行。

Answer 2

如果我明白你的意思，应该这样做： __doPostBack 只能在动画完成后调用，您可以通过将回调函数传递给 jquery 的 show 的第二个参数来实现。 更新：

$(document).ready(function()
{ 
    $("#lnkbtnUnitAdd").click(function (e) {
        var btnName = $(this).attr('name');           
        $("#divUnit").show("slow",function(){
           __doPostBack(btnName,''); //now call the actual postback event      
        });

        e.preventDefault(); //prevent default postback behavior
        return false;
    });
});