WP Sliding Bar Toggle не может закрыть ящик - PullRequest
0 голосов
/ 16 июня 2019

У меня есть собственное изображение для моего переключателя скользящей панели, затем у меня есть целый ползунок слоя, который воспроизводится внутри ящика.

Единственная проблема заключается в том, что закрывающий переключатель не виден, когда ящик открытпотому что содержимое в ящике так высоко.Поэтому мой первый подход заключается в том, что я пытался нацелить селектор для этого близкого переключателя и перевести его вниз и снова увидеть.

Я перепробовал все, что, как я думал, могло быть, но я думаю, что это: .fusion-sliding-bar-position-bottom.open

Так что мне нужно знать, как переключить переключатель закрытия в поле зрения, но также:

Как я могу вызвать jQuery или что-то, что закрывает ящик?Поскольку вы заметите, что на последнем слайде в ящике у меня есть кнопка «Закрыть и вернуться на сайт».При нажатии я хочу, чтобы я мог закрыть ящик.Я уже подготовился и назначил класс горячей точке, которая находится прямо над этой кнопкой, называемой sb-hotpot.Я могу применить к нему CSS, или применить к нему jQuery или все, что мне нужно.

Редактировать: сайт удален - проблема решена

Пока, пока я не смогукогда ящик закроется, вам, очевидно, придется обновить страницу, чтобы вынуть ящик.

1 Ответ

0 голосов
/ 16 июня 2019
  • Первое задание:

Вы можете просто заставить 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();
})
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...