Нужна помощь! Окно виджета открывается дважды
Добрый день, всем небезразличным :dance:
Установил на сайт виджет данной компании: http://reservi.ru/2.0/help (данный сервис позволяет сделать онлайн-запись с синхронизацией на пк. торговой точки) Все бы ничего, если бы на моем сайте не было сразу же 2 торговые точки, а сервис заточен под каждую. Чтобы не дублировать кнопки, решил сделать одну кнопку "Запись", которая открывает модальное окно с двумя кнопками, исполняющими скрипт виджета (с ID торговой точки). Но не в этом суть! Суть в том, что при нажатии на кнопку торговой точки в модальном окне виджета всплывает дважды! (это можно заметить по двухэтапному затемнению). Подскажите, пожалуйста, что я сделал не так, что скрипт открытия срабатывает дважды? На работу виджета не влияет, но очень не хорошо смотрится, когда приходится дважды закрывать окно. Тут данные кнопок Первая кнопка: <div class="order"><a href="#ChooseSalon" class="order-button">Записаться на прием online</a> или позвоните по тел. +7 (812) <strong>телефон</strong> Открывающиеся окна: <div id="ChooseSalon" class="modalDialogChooseSalon"> <div> <a href="#close" title="Закрыть" class="reservi-modal-close"></a> <div style="margin-top: 50px;"> <a href="#modal" class="cher order-button" style="width: 100%;">Адрес первого салона</a> <a href="#modal" class="chka order-button" style="width: 100%;">Адрес второго салона</a> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script src="//reservi.ru/2.0/js/widget.min.js"> </script> Чуть ниже код скрипта:
<script>
$('.cher').reservi(
{salon: '137c7401-1bff-11e5-a21b-0800272c092e'}, // настройки работы виджета
{ // настройки отображения со значениями по умолчанию
modal_transition: 'reservi-transition-fade', // css-скласс задающий анимацию появления окна-виджета
width: 800, // ширина окна-виджета
height: 640 // высота окна-виджета
}
);
$('.chka').reservi(
{salon: 'b760dd18-465b-11e5-b57c-08002711b7db'},
{
modal_transition: 'reservi-transition-fade',
width: 800,
height: 640
}
);
$('.salon-button').click( function() {
$(this).parent().hide();
$('#mask').hide();
$('#overlay').fadeOut(400);
})
</script>
Все это в одном файле. Результат можно посмотреть тут: http://bit.ly/1glGeLe Заранее благодарю за ответы! |
Напишите, если нужна какая-либо еще информация)
Всем заранее спасибо! |
| Часовой пояс GMT +3, время: 23:56. |