Я создал демо-версию JS с несколькими списками. У каждого списка есть раздел с автомобильными деталями, такими как имя, цена и км. Наряду с этим, в каждом списке есть две кнопки «позвонить» и «чат», чтобы помочь пользователю подключиться к продавцу этого списка.
Демонстрация скрипки здесь . Пример кода:
<li>1st listing
<div>
<p>Model:Audi | Price:1,00,000,000 | Kilometers:1,000</p>
</div>
<button class="call" data-model="Audi" data-price="100000000" data-id="#1">call</button>
<button class="chat" data-model="Audi" data-price="100000000" data-kms="1000" data-id="#1">chat</button>
</li>
У меня есть пара сомнений относительно привязки информации. У меня есть приложение MVC, поэтому все атрибуты, т. Е. Модель данных, цена данных и т. Д. И информация в каждом элементе HTML, связаны через сервер.
Обе эти кнопки «вызов» и «чат» открывают всплывающее окно с различной информацией, и при подтверждении во всплывающем окне необходимо нажимать разные API. В настоящее время я сделал дубликаты для обеих кнопок, что неэффективно. Как следует обрабатывать такие привязки?
Эти кнопки (чат / звонок) могут быть частью li, как показано в примере, ИЛИ частью div, где список отображается независимо для пользователя (то есть страница сведений о продукте электронной коммерции). Как обрабатывать привязку этих кнопок?