选择与Asp.Net使用按钮标签

我有一个masterpage并在Default page我已包括jquery tabs与标签内的按钮。选择与Asp.Net使用按钮标签

现在，如果我点击按钮，它应该选择选项卡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>

现在我的问题是每当我点击按钮页面刷新，而不是选择标签和相同的东西没有主页

任何人都可以指出我做到这一点的正确方法吗？

来源

2012-02-09 coder

为了避免回发只是return false，或致电event.preventDefault();

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

来源

2012-02-09 17:33:02 Aristos

@ Aristos-感谢您的回复。我刚刚尝试再次使用它刷新整个页面。 – coder 2012-02-09 17:35:35

@DotNetter当dom准备好时，也尝试加载这个点击，当你调用它时可能没有找到它。我添加了ready（）函数，试试吧。 – Aristos 2012-02-09 17:36:45

@ Aristos - 这是主要的事情，现在没有document.ready函数，我已经包括它，并得到了工作。谢谢指出我。 – coder 2012-02-09 17:39:20

您需要防止事件的默认操作。

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

来源

2012-02-09 17:36:17

@ Atornblad - 感谢您的回复。我已经完成了Aristos说的并且运作良好！ – coder 2012-02-09 17:39:56

选择与Asp.Net使用按钮标签

回答

相关问题