Utwórz funkcję w jquery

Question

Próbuję utworzyć funkcję jquery i używane poniżej kodu, ale nie otrzymuję żadnych danych wyjściowych. Proszę, powiedz mi, jak to zrobić.

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

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

Answer 1

Można zobaczyć kod tu pracować - http://jsfiddle.net/gryzzly/YxnEQ/

Pamiętaj, że musisz elementu o identyfikatorze „próbki”, aby być obecny w dokumencie podczas uruchamiania wyżej kod. Również this wskazuje na obiekt jQuery, tak aby uzyskać identyfikator elementy, trzeba użyć jednej z następujących czynności:

alert(this[0].id); 

lub

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

Pierwszym z nich jest lepszy, bo to szybciej.

Answer 2

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

this w tym kontekście jest to obiekt jQuery nie surowy elementem Dom.

Answer 3

Spróbuj zmienić

 alert(this.id); 

do

 alert(this[0].id); 

Jak dostajesz obiektu Array jQuery.

Answer 4

Spróbuj tego:

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

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

Answer 5

Spróbuj tego:

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

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