Нужна помощь! Окно виджета открывается дважды
Добрый день, всем небезразличным :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, время: 21:54. |