0
Answered

Не удаётся подключить сервис

Виталий 4 years ago in Подсказки • updated by Антон 4 years ago 3
Я пытаюсь подключить сервис на эту страницу: https://stage.shop.rivegauche.ru/store/ru/checkout/multi/add-delivery-address (это оформление заказа, нужно что-то положить в корзину, чтобы туда попасть)

Для примера хочу подключить подсказки адреса, но ничего не всплывает.
Код вставляем через TagManager, пробовал напрямую в страницу вставлять браузером (через инспектор).

Вставляю такой код:
<input id="address" name="address" type="text" size="100"/>
<link href="https://dadata.ru/static/css/lib/suggestions-15.2.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
<![endif]-->
<script type="text/javascript" src="https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js"></script>https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js</a>"><a href="https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js">https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js</a>"><a href="https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js">https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js</a>"><a href="https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js">https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js</a>"><a href="https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js">https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js</a>">
<script type="text/javascript">
$("#address.line1").suggestions({
serviceUrl: "https://dadata.ru/api/v2",
token: "fef01ded94212a2ce7e642d04e03be48d99588e1",
type: "ADDRESS",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script>

Подскажите, пожалуйста, в чём проблема?

Answer

Answer
Answered
Проблемы две:
  1. Нерабочее подключение скрипта https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js
  2. Вместо $("#address.line1") должно быть $("#address").
Возьмите пример со страницы подсказок, все заработает. Добавляйте код напрямую на страницу, не через тег менеджер и не через инспектор.
Answer
Answered
Проблемы две:
  1. Нерабочее подключение скрипта https://dadata.ru/static/js/lib/jquery.suggestions-15.2.min.js
  2. Вместо $("#address.line1") должно быть $("#address").
Возьмите пример со страницы подсказок, все заработает. Добавляйте код напрямую на страницу, не через тег менеджер и не через инспектор.
Сейчас код вставлен напрямую на страницу, скрипт подгружается.
$("#address") нам не подходит т.к. поле, к которому нужно подвязаться, имеет id address.line1. Добавлять новое поле с id address нет возможности, у нас может быть завязана логика на этот id.
ID может быть любой. Но поскольку у вас в нем есть точка (address.line1), то ее придется отбить двумя слешами:
$("#guest\\.email").suggestions(...);
$("#address\\.firstName").suggestions(...);
$("#address\\.line1").suggestions(...);