W jaki sposób obsługiwać zdarzenia kliknięcia wewnątrz wtyczki jQuery?

Question

Jak radzisz sobie z kliknięciami w wtyczce? Uproszczony opis jest taki, że chcę mieć wtyczkę, która wykryje kliknięcie, a następnie zaktualizuje kolejny element.

Przykład użycia:

$("#some_id").myPlugin("another_id");

Przykład wtyczki:

(function($){ 

    $.fn.myPlugin=function(update_id){ 

    .click({$(update_id).html("content_upated");}); 

    } 

})(jQuery); 

Nie rozumiem jak kodować .Kliknij zdarzenia wewnątrz wtyczki. Dowolne przykłady będą pomocne. Dzięki.

Answer 1

należy zrobić dwie rzeczy:

1. Wpisz this odwołać elementy, do których Twój plugin jest stosowany
2. Namespace your events, dzięki czemu mogą one być łatwo rozwiązał później

Wypróbuj następujące

Powinieneś przeczytać stronę na stronie jQuery plugin authoring, aby uzyskać więcej informacji na temat prawidłowego tworzenia wtyczek jQuery. Brakuje ci innych ważnych szczegółów, takich jak akceptowanie obiektu argumentów.

Answer 2

(function($){ 
    $.fn.myPlugin=function(update_id){ 
     this.click(function(){ $(update_id).html("content_upated"); }); 
    } 
})(jQuery); 

Upewnij się, że update_id jest prawidłowym selektorem.

Answer 3

Można wywołać .each(), aby powtórzyć elementy dopasowane, lub można dołączyć za pomocą zwykłej metody jQuery.

(function($) 
{ 
    $.fn.myPlugin = function(anotherIdentifier) 
    { 
      // this.click is equivalent to $(identifier).click() 
      this.click(function() 
      { 
       // Thing to do 
      }); 
    }; 
})(jQuery); 

Answer 4

Zastosowanie this uzyskać dostęp do obiektu, że wtyczka jest wywoływana na:

(function($){ 
    $.fn.myPlugin=function(update_id){ 
     this.click(function() { $(update_id).html("content_upated"); }); 
    } 
})(jQuery); 

pamiętać, że korzystanie z musiałby zawierać selektor ID w tym przykładzie, albo trzeba by umieścić go w swoim kliknięcia funkcja:

$("#some_id").myPlugin("#another_id"); 

Answer 5

(function($){ 
    $.fn.myPlugin=function(update_id){ 
     this.click(function(){ $(update_id).html("content_upated"); }); 
    } 
})(jQuery); 

Upewnij update_id jest poprawnym selektor.