0

目前正在编写 HTML 代码以显示选项卡，如前所述。我想知道每次选项卡更改时如何调用函数，因为方法显示不同的数据。该方法是box()每次选项卡更改时调用方法，因为当我单击下一个选项卡时，当我返回该选项卡时选项卡上的数据会分散，因为选项卡上的数据是使用 c# 中的局部视图添加的

Javascript代码

$(document).ready(function () {
    $('#tabs div').hide(); // Hide all divs
    $('#tabs div:first').show(); // Show the first div
    $('#tabs ul li:first').addClass('active'); // Set the class for active state

    $('#tabs ul li a').click(function () { // When link is clicked
        $('#tabs ul li').removeClass('active'); // Remove active class from links
        $(this).parent().addClass('active'); //Set parent of clicked link class to active
        var currentTab = $(this).attr('href'); // Set currentTab to value of href attribute
        $('#tabs div').hide(); // Hide all divs
        $(currentTab).show(); // Show div with id equal to variable currentTab
        return false;
    });
});

HTML 代码

<div id="tabs" style="margin:0px; padding:0px;">
    <br />
    <ul>
        <li class="active">
            <a href="#tab-1">Google Analytics</a>               
        </li>
        <li class="">
            <a href="#tab-2">Facebook</a>
        </li>
        <li class="">
            <a href="#tab-3">YouTube</a>
        </li>
    </ul>   
    <div id="tab1" style="display: block; margin:0px;"></div>
    <div id="tab-2" style="display: none;"></div>
    <div id="tab-3" style="display: none;"></div>
</div>
4

1 回答 1

3

尝试 ：

$("#tabs").on("click", "li", function(){
  //Your stuff
  //with $(this) is the clicked li
})
于 2013-04-16T09:49:14.907 回答