jquery - JQuery onclick呼び出しを使用してAjax TabPanelのデフォルトの動作を防ぎますか?

Question

私はコードを持っています：

    $("[id$='tab_TabContainer1_TabPanel1']").click(function (event) {
        event.preventDefault(); //doesn't work apparently but doesn't error anywhere.
        var container = $find('TabContainer1'); //select the container holding the tabs to set the active tab
        if (Page_IsValid) {
            container.set_activeTabIndex(1); //go ahead to next tab
        }
        else {
            container.set_activeTabIndex(0); //Remain on this tab
        }
    });

同じコードでアラートを発生させることはできますが、ページが検証されていない限り、次のタブに進むことはできません。それは理にかなっていますか？

コンテナーとタブは asp.net で次のように定義されています。

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="2"  EnableViewState="False">
 <ajaxToolkit:TabPanel ID="TabPanel1"  runat="server" HeaderText="TabPanel1" >