我有一个用于滑动条切换的自定义图像,然后有一个在抽屉内部播放的整个“层滑块”。
唯一的问题是,一旦打开抽屉,就看不到关闭开关,因为抽屉中的物品太高了。因此,我的第一种方法是,我一直试图将选择器定位到该关闭切换,然后将其向下并重新显示。
我尝试了所有我认为可能的方法,但我认为是:.fusion-sliding-bar-position-bottom.open
所以我需要知道如何使关闭切换向下进入视图,而且:
如何调用jQuery或其他能关闭抽屉的东西?因为您会注意到,在抽屉中的最后一张幻灯片上,我有一个“关闭并返回站点”按钮。单击后,我希望它能够关闭抽屉。我已经做好了准备,并为位于该按钮上方的热点分配了一个类,称为sb-hotpot。我可以将CSS应用于它,或者使jQuery应用于它或任何我需要的东西。
编辑:网站已删除-问题已解决
就目前而言,在关闭抽屉之前,您显然必须刷新页面才能离开抽屉。
答案 0 :(得分:0)
当滑动条处于打开状态(具有toggle
类)时,您只需将absolute
固定在顶部(定位open
)即可。
.fusion-sliding-bar-position-bottom.open .fusion-sb-toggle-wrapper {
position: absolute !important;
top: 25px !important;
right: 0px !important;
z-index: 1000 !important;
}
当用户单击您的按钮时,您应该触发toggle
按钮的单击。像这样:
jQuery(document).ready(function($){
$('.sb-hotspot').on('click',function(e){
$(e.target).closest('.fusion-sliding-bar-area').find('.fusion-sb-toggle')
[0].click();
})
});