[Помогите] Копирование clipboardjs

Тема в разделе "Wordpress", создана пользователем Laiko, 13 янв 2021.

  1. Laiko

    Laiko

    Регистрация:
    7 мар 2020
    Сообщения:
    2
    Симпатии:
    0
    Всем здравствуйте!
    Имеется страница http://test.laiko.group/pay
    На ней находятся реквизиты оплаты, при нажатии кнопки "Копировать" должны копироваться и выводится сообщение пользователю что "Скопировано"
    В итоге: Текст копируется, но сообщение не выдается

    Уже третий день не могу найти ответа, подскажите в чем тут загвоздка, за ранее спасибо за ответы


    Пример реализации: https://yanakhodkina.com/payment/
    --- Добавлено, 13 янв 2021 ---
    // Tooltip

    $('button').tooltip({
    trigger: 'click',
    placement: 'bottom'
    });

    function setTooltip(btn, message) {
    $(btn).tooltip('hide')
    .attr('data-original-title', message)
    .tooltip('show');
    }

    function hideTooltip(btn) {
    setTimeout(function() {
    $(btn).tooltip('hide');
    }, 1000);
    }

    // Clipboard

    var clipboard = new Clipboard('button');

    clipboard.on('success', function(e) {
    setTooltip(e.trigger, 'Copied!');
    hideTooltip(e.trigger);
    });

    clipboard.on('error', function(e) {
    setTooltip(e.trigger, 'Failed!');
    hideTooltip(e.trigger);
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>


    <button class="btn btn-primary" data-clipboard-text="It worked!">Click me</button>
    <button class="btn btn-primary" data-clipboard-text="It worked again!">Click me</button>