Crea funzione in jquery

Question

Sto tentando di creare una funzione jquery e di utilizzare il codice riportato di seguito, ma non di ottenere alcun risultato. Per favore dimmi il processo per farlo.

<script type="text/javascript"> 
    (function($){ 
     $.fn.myplugin = function(){ 
      alert(this.id); 
     }; 
    })(jQuery); 

    $("#sample").myplugin(); 
</script> 

Answer 1

si può vedere il codice di lavoro qui - http://jsfiddle.net/gryzzly/YxnEQ/

Si noti che avete bisogno di un elemento con ID "campione" di essere presenti nel documento quando si esegue quanto sopra codice. Inoltre, il this sta indicando oggetto jQuery, quindi al fine di ottenere gli elementi identificativi, è necessario utilizzare uno dei seguenti:

alert(this[0].id); 

o

alert(this.attr('id')); 

Il primo è preferibile, perché è Più veloce.

Answer 2

alert(this.attr('id')); 

this in questo contesto è un oggetto jQuery, non un elemento DOM grezzo.

Answer 3

Prova a cambiare

 alert(this.id); 

a

 alert(this[0].id); 

Come stai ricevendo una matrice di oggetti jQuery.

Answer 4

Prova questo:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#sample").myplugin(this.id); 
}); 

function myplugin(id) { 
    alert(id); 
} 
</script> 

Answer 5

Prova questo:

<script type="text/javascript"> 
$(document).ready(function(){ 
    myplugin($("#sample")); 
}); 

    function myplugin(obj){ 
    alert(obj.id); 
    } 
</script>