Question

我有一个带有标签设置和asp按钮的页面。

<div id="tabs" style="width:700; height:1000">
    <ul>
    <li><a href="#tabs-1">Referral</a></li>
    <li><a href="#tabs-2">Details</a></li>
    <li><a href="#tabs-3">Other</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
    <asp:Button ID="btnMainSave" runat="server" Text="Save" />    
</div>

当选择tabs-3时，我希望按钮不可见但前两个标签可见。我如何使用jquery baring来实现这一点，因为我是一名初学者。我尝试了以下代码，但它没有用。

<script type="text/javascript" >
$(function () {
    $('#tabs, #tabs-3').tabs({
        active: function (event, ui) {
            $("#btnMainSave").hide();
        }
    });
});
</script>

任何帮助将不胜感激。感谢

罗布

Answer 1

您需要使用activate事件（而不是active选项）：

$(function () {
    $('#tabs, #tabs-3').tabs({
        activate: function (event, ui) {
            $("#btnMainSave").hide();
        }
    });
});

修改

您必须添加一些逻辑来检查正在激活哪个面板，并根据该隐藏button。我不知道您正在使用哪个版本的jQuery UI，但以下内容将在最新版本中使用：

activate: function(e, ui) {
  $('#btnMainSave').toggle( !$(ui.newPanel).is('#tabs-3') );
}

Here's a fiddle

Answer 2

试试这个： DEMO

$("#tabs").tabs();
$(".nexttab").click(function() {
    var selected = $("#tabs").tabs("option", "selected");
    $("#tabs").tabs("option", "selected", selected + 1);
});

选择某个选项卡时隐藏asp.net按钮jquery

2 个答案:

修改

Here's a fiddle