Две кнопки на сайте

146

25 июня 2019, 02:40

Все доброе время суток Возник такой вопрос - на сайте есть кнопка

<button id="btn-drw-pp" class="btn-drw-pp"></button>

при нажатии на которую всплывает pop-up окно реестрации онлайн визита

Сам JS код находится на другом сервере и немогу изменить, вызов функции происходит по ID

Как разместить даную кнопку на сайте в двух местах, хочу в меню и в блоке сайта, что они работали.

<script> 
    window.drwInitPP = function() { 
        drw.initPP({ 
            id:   "58d3756483870f0089f0041b77138a3b47b4ddb1b0ba7b00abde7ba95f144f852b499cb606d4a581", 
            host: "https://drw.pl" 
        }); 
    }; 
    (function(d, s, id){ 
        const fjs = d.getElementsByTagName(s)[0]; 
        if (d.getElementById(id)) {return;} 
        const js = d.createElement(s); js.id = id; 
        js.src = "https://drw.pl/static/plugins/drw-pp.min.js"; 
        fjs.parentNode.insertBefore(js, fjs); 
    }(document, "script", "drw-pp-init")); 
</script> 
 
<button id="btn-drw-pp" class="btn-drw-pp"></button> 
<button id="btn-drw-pp" class="btn-drw-pp"></button>

Answer 1

Как то так можно...)))

$(".btn-drw-pp").on('click', (event) => { 
  event.preventDefault(); 
  let $currentElement = $(event.currentTarget); 
  let $idButtonElement = $('#btn-drw-pp'); 
  if (!$currentElement.is($idButtonElement)) { 
    $idButtonElement.triggerHandler('click'); 
  } 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button id="btn-drw-pp" class="btn-drw-pp">1</button> 
<button id="btn-drw-pp" class="btn-drw-pp">2</button>

Но вы должны понимать , что два DOM-элемента с одинаковым ID на странице является не валидным кодом. Так что у второй кнопки лучше вместо атрибута id использовать атрибут data-id="btn-drw-pp" и повесить на него обработчик клика, при котором триггерить событие клика элемента с ID.

Создание интернет-магазина одежды в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как исправить ошибку в POST запросе

Хочу передать данные пост запросом к steam, но в ответ получаю ошибку, помогите разобраться:

167

Как изменить Namespace для параметра метода

Есть SOAP сервис на C#, который копирует не мой сервис(тоже на C#), но должен ему соответствовать 1 в 1В одном из методов исходного сервиса присутствует...

131

AutoMapper не игнорирует поля

У меня есть два класса: ViewModel и ModelВ контроллере пытаюсь замапить из ViewModel в Model, схема (Profile) указана на фото ниже

166

Анимация по дуге в WPF

Подскажите как сделать анимацию летящей вращающейся картинки по дуге? В моем случае нужно сделать вращение елочной игрушки по заданной траектории

160