Как добавить кнопки "WhatsApp" и "Позвонить" на обычном сайте, без CMS?

@sheriff5 · Регистрация: 30.12.2012

Author24 — интернет-сервис помощи студентам

Всем привет!
Создаю обычный сайт про облицовочный камень http://saj-studio.com/golden/
Возникла проблема с 2-мя кнопками "WhatsApp" и "Позвонить" (они встроены в меню).
При нажатии на них - они не срабатывают! Почему?
К примеру на сайт конкурента http://ecostone.kg/ кнопки "WhatsApp" и "Позвонить" - работают ОТЛИЧНО.
Сам чужой сайт работает на Жумла. Возможно внутри этой CMS есть какой-то плагин для четкой их работы, я не знаю!
Посмотрел их коды, точно также как и у меня:

"WhatsApp" - <a href="https://api.whatsapp.com/send?phone=996557342494" target="_blank" rel="noopener">
<li><i class="fa fa-whatsapp"></i>  Whats App</li>
</a>

"Позвонить" - <a href="tel:+996557342494">
<li><i class="fa fa-mobile"></i>  Позвонить</li>
</a>

Попробовал вставить новую ссылку https://wa.me/996557342494 - БЕЗТОЛКУ. Не работают ссылки!
А на чужом сайте все отлично работает! Странно!
Думал может вообще ссылки не работают - но нет, внизу страницы есть ссылка на мой сайт и он работает!

Так в чем же проблема? Может какой-то особый *.js надо подключить???

У меня их 6 штук:
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/npm.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.js"></script>

Поискал в Гугле, там везде описание про установку на Wordpress сайты.

Просьба посоветовать решение проблемы, с учетом работы этих кнопок на сайте и на смартфонах!
Заранее спасибо!

@sheriff5 · 25.11.2018, 20:08 **[ТС]**

КОНСОЛЬ Хрома пишет что проблема в jquery.js.
А почему эта проблема возникла - непонятно! Вы понимаете?

@mrWan · 25.11.2018, 20:50

Javascript

 <script>
        $(document).ready(function(){
        $("#top_nav").on("click","a", function (event) {
          //отменяем стандартную обработку нажатия по ссылке
          event.preventDefault();
 
          //забираем идентификатор бока с атрибута href
          var id  = $(this).attr('href'),
 
          //узнаем высоту от начала страницы до блока на который ссылается якорь
            top = $(id).offset().top;
          
          //анимируем переход на расстояние - top за 1500 мс
          $('body,html').animate({scrollTop: top}, 500);
        });
      });
      </script>

Добавлено через 20 секунд
если это уберешь то все заработает =)

@sheriff5 · 26.11.2018, 20:28 **[ТС]**

Спасибо, заработало!!! )

@sheriff5 0 / 0 / 0 Регистрация: 30.12.2012 Сообщений: 100
		1
	Как добавить кнопки "WhatsApp" и "Позвонить" на обычном сайте, без CMS? 25.11.2018, 19:51. Показов 3757. Ответов 3 Метки whatsapp, позвонить (Все метки) Всем привет! Создаю обычный сайт про облицовочный камень http://saj-studio.com/golden/ Возникла проблема с 2-мя кнопками "WhatsApp" и "Позвонить" (они встроены в меню). При нажатии на них - они не срабатывают! Почему? К примеру на сайт конкурента http://ecostone.kg/ кнопки "WhatsApp" и "Позвонить" - работают ОТЛИЧНО. Сам чужой сайт работает на Жумла. Возможно внутри этой CMS есть какой-то плагин для четкой их работы, я не знаю! Посмотрел их коды, точно также как и у меня: "WhatsApp" - <a href="https://api.whatsapp.com/send?phone=996557342494" target="_blank" rel="noopener"> <li><i class="fa fa-whatsapp"></i>  Whats App</li> </a> "Позвонить" - <a href="tel:+996557342494"> <li><i class="fa fa-mobile"></i>  Позвонить</li> </a> Попробовал вставить новую ссылку https://wa.me/996557342494 - БЕЗТОЛКУ. Не работают ссылки! А на чужом сайте все отлично работает! Странно! Думал может вообще ссылки не работают - но нет, внизу страницы есть ссылка на мой сайт и он работает! Так в чем же проблема? Может какой-то особый *.js надо подключить??? У меня их 6 штук: <script src="js/bootstrap.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.nicescroll.min.js"></script> <script src="js/npm.js"></script> <script src="js/wow.min.js"></script> <script src="js/jquery.js"></script> Поискал в Гугле, там везде описание про установку на Wordpress сайты. Просьба посоветовать решение проблемы, с учетом работы этих кнопок на сайте и на смартфонах! Заранее спасибо! 0

@sheriff5 0 / 0 / 0 Регистрация: 30.12.2012 Сообщений: 100
	25.11.2018, 20:08 [ТС]	2
	КОНСОЛЬ Хрома пишет что проблема в jquery.js. А почему эта проблема возникла - непонятно! Вы понимаете? Миниатюры 0

@sheriff5 0 / 0 / 0 Регистрация: 30.12.2012 Сообщений: 100
	26.11.2018, 20:28 [ТС]	4
	Спасибо, заработало!!! ) 0

Как добавить кнопки "WhatsApp" и "Позвонить" на обычном сайте, без CMS?

Решение