選擇與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使用按鈕標籤

回答

相關問題