嗨我有一些标签可以正常工作,但是在回发时,标签会同时打开两个标签。我想知道如何解决这个问题。这是我使用的javascript;
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
$('#texttab').click(function() {
$(".tab_content").addClass("heightone");
$(".tab_content").removeClass("heighttwo");
$(".tab_content").removeClass("heightthree");
$('#tabscontainer').addClass("hone");
$('#tabscontainer').removeClass("htwo");
$('#tabscontainer').removeClass("hthree");
});
$('#imagetab').click(function() {
$(".tab_content").addClass("heighttwo");
$(".tab_content").removeClass("heightone");
$(".tab_content").removeClass("heightthree");
$('#tabscontainer').addClass("htwo");
$('#tabscontainer').removeClass("hone");
$('#tabscontainer').removeClass("hthree");
$(".tab_container").css("height","650px");
});
我尝试使用这段代码在回发时维护它,但它不起作用;
$(function() {
$("#tabscontainer").tabs({
show: function() {
var sel = $('#tabscontainer').tabs('option', 'selected');
$("#<%= HFCurrTabIndex.ClientID %>").val(sel);
},
selected: <%= HFCurrTabIndex.Value %>
});
});
HTML
<div id="tabscontainer" class="hone">
<ul class="tabs">
<li><a href="#tab1" id="texttab">Text Update</a></li>
<li><a href="#tab2" id="imagetab">Text & Image Update</a></li>
</ul>
<div id="tab1" class="tab_content">
<div align="center"><asp:Button ID="lbtnUpdate" Text="Update" CssClass="button" OnClick="lbtnUpdate_Click" runat="server"></asp:Button></div>
</div> <!-- tab1 -->
<div id="tab2" class="tab_content">
<span class="clear"></span>
<div align="center"><asp:Button ID="lbtnUpdateImage" Text="Update" CssClass="button" OnClick="lbtnUpdate_Click" runat="server"></asp:Button></div>
</div> <!-- tab2 -->
</div><!-- tabscontainer -->