使用 javascript 跳转到 asp.net 中的下一个选项卡答案

【问题标题】：Jump to next tab in asp.net using java script使用 javascript 跳转到 asp.net 中的下一个选项卡
【发布时间】：2013-02-28 14:07:12
【问题描述】：

我正在使用jquery 选项卡。知道我想跳到按钮的下一个标签onclick。这是我的代码

 <div id="tabs">
             <ul>
                 <li><a href="#tabs-1">Basic Information</a></li>
                 <li><a href="#tabs-2">Authors</a></li>
             </ul>
        <div id="tabs-1">
     <asp:Button ID="btnSaveAuthors" runat="server" Text="Save" CssClass="button medium green" />
        </div>
        <div id="tabs-2">
        </div>
 </div>

但是当我使用这个javascript函数时。

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

它给了我以下错误

Error   5   'System.Web.UI.WebControls.Button' does not contain a definition for 'ClientId' and no extension method 'ClientId' accepting a first argument of type 'System.Web.UI.WebControls.Button' could be found (are you missing a using directive or an assembly reference?)

请帮我解决这个问题。在此先感谢:)

【问题讨论】：

标签： javascript asp.net aspbutton

【解决方案1】：

“ClientId”中的“d”应为大写：“ClientID”

【讨论】：

是的，它解决了错误，但它不会进入下一个标签。它只是刷新页面
如果您不希望按钮执行回发，那么您可以尝试在 click 函数中调用 event.preventDefault()。这应该可以防止按钮进行回发，这是它通常所做的。如果您仍想进行回发，那么您可能希望在服务器端而不是客户端更改选项卡。

【解决方案2】：

我敢打赌，您使用的是区分大小写的 C#，正确的名称应该是 'ClientID'： Control.ClientID Property

【讨论】：

是的，它解决了错误，但它不会进入下一个标签。它只是刷新页面