Блог

Главная - Вопросы по программированию - ZeroClipboard для динамически генерируемых элементов?

ZeroClipboard для динамически генерируемых элементов?

#javascript #jquery #html #zeroclipboard

#javascript #jquery #HTML #zeroclipboard

Вопрос:

У меня есть набор divs, которые все генерируются динамически. Внутри них находятся значки буфера обмена, которые при нажатии копируют хэш данных элемента в буфер обмена (пока не работает). Эти значки имеют класс ‘.fa-clipboard’ из FontAwesome.

Минимальный код:

     <script>

    $(document).ready(function(){
        var clip = new ZeroClipboard($('.fa-clipboard'), {
            moviePath : 'plugins/ZeroClipboard.swf'
        });

        $(document).on('click', "#content .fa-clipboard", function(){
            //alert(window.location   $(this).data('hash'));
            clip.setText( window.location   $(this).data('hash') );
            clip.glue( this );
        });

    });

    </script>

    <body>
        <div id="wrapper">
            <div id="content">
                <!--Dynamically generated elements in here-->
            </div>
        </div>
    </body>
</head>
</html>

Функция щелчка работает правильно, это всего лишь вопрос настройки буфера обмена.

Комментарии:

1. Есть ли какой-либо способ установить ZerClipboard при создании элемента?

2. Я создаю инструмент для очистки веб-страниц, поэтому HTML создается на PHP с помощью вызова ajax, а затем устанавливается как divs HTML, поэтому я не думаю, что есть.

3. Может быть, сделать это в вызове AJAX?

Метки: