我想在 2 个不同的 div 上应用 slimScroll 函数。一次只有一个 div 处于事件状态。 因此,我使用变量来获取当前选项卡名称。当用户单击评论时,slimscroll 应应用于#reviews,如果单击画廊,则应切换到画廊。
html代码:
<ul class="nav nav-pills nav-justified">
<li class="active"><a href="#reviews" data-toggle="tab">Reviews</a></li>
<li><a href="#gallery" data-toggle="tab">Gallery</a></li>
</ul><!-- tabs -->
<div class="tab-content">
<div class="tab-pane active" id="reviews">
reviews
</div>
<div class="tab-pane" id="gallery">
gallery
</div>
</div>
jquery 代码:
$(document).ready(function(){
$('.nav-pills li a').on('click',function(){
var current = ($(this).text());
alert(current);
});
$('article').slimScroll({
position: 'right',
height: '370px',
railVisible: true,
alwaysVisible: true
});
});
最佳答案
这样做:
$(document).ready(function(){
$('.nav-pills li a').on('click',function(){
var current = $(this).attr("href").split('#')[1];
$(this).closest('ul').find('li').removeClass('active');
$(this).parent().addClass('active');
//$('div.tab-pane').removeClass('active');
//$('div#'+current).addClass('active');
alert(current);
$('#'+current).slimScroll({
position: 'right',
height: '370px',
railVisible: true,
alwaysVisible: true
});
或者:
$(document).ready(function(){
$('.nav-pills li a').on('click',function(){
var current = $(this).attr("href").split('#')[1];
$(this).closest('ul').find('div.tab-content').find('div.tab-pane').removeClass('active');
$('div#'+current).addClass('active');
alert(current);
$('#'+current).slimScroll({
position: 'right',
height: '370px',
railVisible: true,
alwaysVisible: true
});
关于javascript - 如何在变量上应用 jquery 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23052011/