ZeroClipboard / zClip - как связать с живыми событиями?

Question

Я пытаюсь связать zclip с live:

$('.code').live('click', function () {
    $(this).zclip({
        path: '<%= asset_path "ZeroClipboard.swf" %>',
        copy: $(this).text()
    });

    ...
});

Кажется, это не работает. Любые подсказки?

Мне нужно жить, потому что некоторые элементы DOM добавляются с помощью ajax.

Answer 1

Вы можете поместить zclip-binding в функцию обратного вызова в вашем методе ajax, например так:

$.post('ajax',
   {data:"data"}, 
       function(data){
      //add dom elements
      ....
          //bind zclip
          $('.code').each(function(){
    $(this).zclip({
      path:".ZeroClipboard.swf",
      copy:$(this).txt()
        });
      });
   }, 'json');

each () должен избегать использования $ ('. Code') двух или более элементов.

Answer 2

Проверьте версию jQuery, которую вы используете.Вы должны использовать .delegate () или .on () (если jQuery> = 1.7) вместо этого в любом случае.(jQuery устарел .live метод) Они должны работать с вашими добавленными элементами через ajax.

$('.code').on('click', function () {
    $(this).zclip({
        path: '<%= asset_path "ZeroClipboard.swf" %>',
        copy: $(this).text()
    });
});