jquery'deki basit özel olay

Question

jquery özel etkinliklerini öğrenmeye çalışıyorum.

Sayfa yüklemesinde basit bir olayı tetiklemem gerekir.

HTML:

Ben bir uyarı

$("#mydiv").custom(); 

i aşağıdaki kodu çalıştı yangın Kendi olayı çağırmanız gerekir

<div id="mydiv"> my div</div> 

. "Özel" - - tetiklenen biri olarak

function customfun() 
    { 
     $("#mydiv").trigger("custom"); 
    } 

    $(document).ready(function() { 

     $("#mydiv").bind(customfun, function() { 
      alert('Banana!!!'); 
     }); 

    }); 

Answer 1

İhtiyacınız jquery fonksiyonları gibi özel olaylar aramak için, iyi, $.fn üzerinden bu tür bir işlev tanımlayın:

$(document).ready(function() { 
    //define the event 
    $(document).on('custom', function() { 
     alert('Custom event!'); 
    }); 

    //define the function to trigger the event (notice "the jquery way" of returning "this" to support chaining) 
    $.fn.custom = function(){ 
     this.trigger("custom"); 
     return this; 
    }; 

    //trigger the event when clicked on the div 
    $("#mydiv").on("click", function() { 
     $(this).custom(); 
    }); 
}); 

Answer 2

Aynı etkinlik adına bağlamak gerekiyor.

$("#mydiv").on("custom", function() { ... 

Fiddle

Answer 3

Eğer böyle yaparak diyebilirsiniz: Bunun gibi

$.fn.mycustom = function(){ 
    return this; 
}; 

$("div").mycustom();