Добрый день, всем небезразличным
Установил на сайт виджет данной компании:
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
Заранее благодарю за ответы!
