WP滑杆拨动开关无法关闭抽屉

时间:2019-06-16 16:18:21

标签: jquery css wordpress

我有一个用于滑动条切换的自定义图像,然后有一个在抽屉内部播放的整个“层滑块”。

唯一的问题是,一旦打开抽屉,就看不到关闭开关,因为抽屉中的物品太高了。因此,我的第一种方法是,我一直试图将选择器定位到该关闭切换,然后将其向下并重新显示。

我尝试了所有我认为可能的方法,但我认为是:.fusion-sliding-bar-position-bottom.open

所以我需要知道如何使关闭切换向下进入视图,而且:

如何调用jQuery或其他能关闭抽屉的东西?因为您会注意到,在抽屉中的最后一张幻灯片上,我有一个“关闭并返回站点”按钮。单击后,我希望它能够关闭抽屉。我已经做好了准备,并为位于该按钮上方的热点分配了一个类,称为sb-hotpot。我可以将CSS应用于它,或者使jQuery应用于它或任何我需要的东西。

编辑:网站已删除-问题已解决

就目前而言,在关闭抽屉之前,您显然必须刷新页面才能离开抽屉。

1 个答案:

答案 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();
})
});