[Resolvido] Usando delegate com plugin jQuery

[gremio10 14]

Fala galera, eu estou montando um plugin para meu sistema, mas ele deve funcionar em um link que não é inicializado com o DOM, ou seja, quando há um hover em um elemento, ele aparece, e se o usuário clicar nele, irá aparecer o conteudo do meu plugin, o problema é que não estou conseguindo fazer ele funcionar.

 

$.fn.newAlert = function( settings ) {

       var config = {
           ok: true
       }

       if( settings ) { $.extend( config, settings ) }

       return this.click( function( e ) {

           alert();

       } );

}

$( document.body ).delegate( ".edit", "click", function( e ) {

           e.preventDefault();
           $( this ).newAlert();

       } );

 

Nessa versão que estou colocando, ele funciona, mas o problema é que eu tenho de clicar duas vezes no elemento para ele acionar o alert do meu plugin.

 

Obrigado pela ajuda.

[Bruno Augusto 417]

Se o evento precisa ser anexado à um elemento dinamicamente criado e/ou desconhecido pelo DOM durante o load, até onde eu sei, tal procedimento deve ser feito via .live()

[Maujor 144]

Os métodos live() e delegate() da jQuery estão em desuso.

Se você está usando a versão 1.7.x da biblioteca use o método on().

Link para o método on()

[gremio10 14]

Obrigado pelas dicas, estou testando o .on() no meu código, mas coloquei nesse e ele não funciona e coom delegate ele vai:

 

$( ".project_delete" ).on( "click", function( e ) {

           e.preventDefault();

           var id = $( this ).attr( "data-id" );

           if( is_numeric( id ) )
           {
               if( confirm( "Do you want to delete this project?" ) )
               {                    
                   $.post( url() + "/system/project/delete", { id: id, p: p }, function( e ) {

                       if( !e.error )
                       {
                           makeTasks( e );
                       }
                       else
                       {

                       }

                   }, "json" );
               }
           }

       } );

 

Obrigado.

 

UPDATE: resolvi o problema que eu tinha com o on()

 

$( document.body ).on( "click", ".project_delete", function( e ) {

 

Mas ainda persisto no problema do meu plugin, eu preciso clicar duas vezes para ele ativar o click. Obrigado.

 

Desculpe, mas ainda persisto com o problema inicial do post. :grin:

 

Quando clico no meu link, tenho de fazer isso duas vezes para funcionar, o que pode ser ?

[Bruno Augusto 417]

Posta um HTML junto. se puder usar o JSFiddle, melhor

[Maujor 144]

TEnta a sintaxe recomendada para on()

 

$( document ).on(... em lugar de $( document.body ).on(...

 

 

[gremio10 14]

Está aqui uma parte do meu JS, coloquei junto o que gera o elemento para o clique.

 

http://jsfiddle.net/NS3MC/

 

Obrigado.

 

$( document ).on(... em lugar de $( document.body ).on(...

 

Obrigado pela dica Maujor