Javascript 如何更改滑块上的动力学属性
我有一个动态滑块。当其父元素Javascript 如何更改滑块上的动力学属性,javascript,jquery,html,bxslider,Javascript,Jquery,Html,Bxslider,我有一个动态滑块。当其父元素li元素具有aria hidden=“true”属性时,尝试向子元素添加tabindex=“-1”属性 这是 或参阅下面的代码片段: $('.bxslider').bxslider({ 米斯利德斯:3, maxSlides:3, 第一,, 滑动宽度:150, 幻灯片摘要:0 }); $('li[aria hidden=true]')。children().attr('tabindex','-1') 正文{ 利润率:50像素0.30像素; } .我的滑球{ 文本对齐:居
li
元素具有aria hidden=“true”
属性时,尝试向子元素添加tabindex=“-1”
属性
这是
或参阅下面的代码片段:
$('.bxslider').bxslider({
米斯利德斯:3,
maxSlides:3,
第一,,
滑动宽度:150,
幻灯片摘要:0
});
$('li[aria hidden=true]')。children().attr('tabindex','-1')代码>
正文{
利润率:50像素0.30像素;
}
.我的滑球{
文本对齐:居中;
}
您必须使用BxSlideronSlideAfter
回调
在每次幻灯片转换后立即执行。函数参数是当前幻灯片元素(转换完成时)
看
您的。如Louys所述,您应该使用onSlideAfter calback功能:
但是,为了删除tabindex,您应该从li的所有子级中删除一些小的添加项,这些子级使用aria hidden=true将tabindex添加到li中
通过添加$('.bxslider li').children().removeAttr('tabindex')代码>
请参阅下面的代码片段:
$('.bxslider').bxslider({
米斯利德斯:3,
maxSlides:3,
第一,,
滑动宽度:150,
幻灯片摘要:0,
onSlideAfter:函数(elt、oldIndex、neIndex){
$('.bxslider li').children().removeAttr('tabindex');
$('li[aria hidden=true]')。children().attr('tabindex','-1');
}
});
$('li[aria hidden=true]')。children().attr('tabindex','-1')代码>
正文{
利润率:50像素0.30像素;
}
.我的滑球{
文本对齐:居中;
}
我不知道您为什么要这样做。。。您可能还必须删除可见元素的属性。。。
$('.bxslider').bxSlider({
minSlides: 3,
maxSlides: 3,
moveSlides: 1,
slideWidth: 150,
slideMargin: 0,
onSlideAfter: function(){
$('li[aria-hidden=true]').children().attr('tabindex', '-1');
}
});