Question

我有一个masterpage，并且Default page我已经在jquery tabs中添加了<script type="text/javascript"> $("#<%=Nextbutton.ClientId%>").click(function () { $('#tabs').tabs('select', 1); }); </script>标签内的按钮。

现在如果我点击按钮，它应该选择标签2。

所以这就是我所做的

<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>

这是我的标签，里面有一个按钮：

{{1}}

现在我的问题是每当我点击按钮时页面都刷新而没有选择标签，同样的东西在没有母版页的情况下工作

有人能指出我这样做的正确方法吗？

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>

使用Asp.Net按钮选择选项卡

2 个答案: