时间戳

首页 > 解决方案 > WP滑动条切换无法关闭抽屉

jquery - WP滑动条切换无法关闭抽屉

问题描述

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

唯一的问题是，一旦抽屉打开，关闭开关就看不见了，因为抽屉里的东西太高了。所以我的第一种方法是我一直在尝试将选择器定位为关闭切换，然后将其放下并重新进入视野。

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

所以我需要知道如何让关闭切换进入视图，而且：

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

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

现在，在我可以关闭抽屉之前，您显然必须刷新页面才能离开抽屉。

标签： jquerycsswordpress

解决方案

  • 第一个问题：

当滑动条打开时（它具有类） ，您可以将toggle棒置于顶部（带有定位）。absoluteopen

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

推荐阅读