如何在此代码中的选项卡中制作标签?

时间:2018-06-15 18:37:16

标签: javascript jquery html css

请告诉我如何在此代码中的标签内制作标签?



$('.tabs-box').each(function(){
    $(this).find('.tabs-sel span:first').addClass('current');
    $(this).find('.tabs-b:first').addClass('visible');
});
$('.tabs-sel').delegate('span:not(.current)', 'click', function() {
    $(this).addClass('current').siblings().removeClass('current')
    .parents('.tabs-box').find('.tabs-b').hide().eq($(this).index()).fadeIn(400);
});

.tabs-b {display:none;}
.tabs-b.visible {display:block;}
.tabs-sel {padding:20px 0 0 20px;}
.tabs-sel span {display:inline-block; padding:10px 20px; vertical-align:top; cursor:pointer;}
.tabs-sel span.current {background-color:#4e647a;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tabs-box">
    <div class="tabs-sel"><span class="current">1</span><span>2</span><span>3</span></div>
    <div class="tabs-b visible">12</div>
    <div class="tabs-b">13</div>
    <div class="tabs-b">14</div>
</div>
&#13;
&#13;
&#13;

https://codepen.io/senopsisder/pen/zaEpBV

1 个答案:

答案 0 :(得分:0)

  

在其中一个子标签中尝试这样的事情:

core-sql_alchemy_conn