Выберите вкладку, используя кнопку с Asp.Net

Question

У меня есть masterpage, а в Default page я включил jquery tabs с кнопкой внутри вкладок.

Теперь Если я нажимаю кнопку, она должна выбрать вкладку 2.

Итак, вот что я сделал

<script type="text/javascript">
        $("#<%=Nextbutton.ClientId%>").click(function () {
            $('#tabs').tabs('select', 1);
        });
</script>

Вот мои вкладки с кнопкой внутри:

<div id="tabs" style="position:relative;margin-left:0px;margin-top:30px;margin-bottom:30px;width:946px; height:432px;">
    <ul>
        <li><a href="#tabs-1">Step 1</a></li>
        <li><a href="#tabs-2">Step 2</a></li>
        <li><a href="#tabs-3">Step 3</a></li>
    </ul>
<div id="tabs-1">
 <asp:Button ID="Nextbutton" class="nexttab" runat="server" Text="Go to Next tab" style="position:absolute;left:332px;top:345px;"/>
</div>
<div id="tabs-2">
//Some Content
</div>
<div id="tabs-3">
//Some Content
</div>

Теперь моя проблема заключается в том, что когда я нажимаю кнопку, страница обновляется ине выбрав вкладку, и то же самое сработало без главной страницы

Может кто-нибудь указать мне правильный способ сделать это?

Answer 1

Чтобы избежать поста обратно, просто return false, или позвоните на event.preventDefault();

<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=Nextbutton.ClientId%>").click(function (event) {
            $('#tabs').tabs('select', 1);
            return false;
        });
    });
</script>

Answer 2

Необходимо запретить действие по умолчанию для события.

<script type="text/javascript">
    $("#<%=Nextbutton.ClientId%>").click(function (event) {
        event.preventDefault();
        $('#tabs').tabs('select', 1);
    });
</script>