I have a radbutton that calls a local javascript function to perform a jquery animation to an object on the screen. I've set the button to not post back (button.set_autoPostBack(false), but the jquery animation is causing a postback to the server. Whenever I remove the jquery portion the postback doesn't occur. I'm new to jquery, but I figured I could call this slide animation without doing a postback.
The Code:
<script type="text/javascript">
//<![CDATA[
function doThis(button, args)
{
button.set_autoPostBack(false);
$telerik.$("#testing").slideUp(1000, "slideUp", function () { null; });
}
//]]>
</script>
<div id="" class="page_center home_banner_info_block">
<telerik:RadButton ID="RadButton1" ButtonType="StandardButton" ClientIDMode="Static" runat="server" Text="RadButton" AutoPostBack="false" OnClientClicked="doThis" >
</telerik:RadButton>
<div id="testing" class="white-box" style="width:460px; height:400px; float: left;" >
<div class="wrap">
testing
</div>
</div>
</div>
</div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
The Code:
<script type="text/javascript">
//<![CDATA[
function doThis(button, args)
{
button.set_autoPostBack(false);
$telerik.$("#testing").slideUp(1000, "slideUp", function () { null; });
}
//]]>
</script>
<div id="" class="page_center home_banner_info_block">
<telerik:RadButton ID="RadButton1" ButtonType="StandardButton" ClientIDMode="Static" runat="server" Text="RadButton" AutoPostBack="false" OnClientClicked="doThis" >
</telerik:RadButton>
<div id="testing" class="white-box" style="width:460px; height:400px; float: left;" >
<div class="wrap">
testing
</div>
</div>
</div>
</div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>