divのボタンを非表示にするUpdatePanelでクリック

Question

私はUpdatePanel ---> LinkBut​​ton - > Div --->テーブル構造を使用しています。私は、LinkBut​​tonコントロールをクリックすると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プロパティを使用せずに

ボタンで関数がfalseを返すので、結果は同じです。Onclient clickまたはdocument.ready function（）したがって、ボタンOnclickイベントは発生していません。

私が偽を返すと、divは正しく表示されません。

プロセス全体がアップデートパネルで実行されているため、どのように対処するかお手伝いしてください。

Answer 1

この場合、Control.ClientIDを使用する必要があります。試してみてください

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

HTMLでイベントハンドラを追加することはお勧めしません。しかし、次のコードは動作するはずです。クリックイベントを再度割り当てる必要はありません。あなたはonclick関数が実行取得したい場合は

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

は

return true; 

を与えます。

Answer 2

__doPostBackアニメーションが完了した後でなければ呼び出されません。コールバック関数をjqueryのshowの2番目のパラメータに渡すことで可能です。 UPDATES：

$(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; 
    }); 
});