Proste zdarzenie niestandardowe w jquery

Question

Próbuję nauczyć się niestandardowych zdarzeń jquery.

Muszę odpalić proste wydarzenie po wczytaniu strony.

HTML:

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

Muszę zadzwonić własną imprezę, aby zwolnić alert

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

próbowałem poniższy kod.

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

    $(document).ready(function() { 

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

    }); 

Answer 1

Aby wywołać niestandardowych zdarzeń jak funkcje jquery trzeba dobrze zdefiniować taką funkcję poprzez $.fn:

$(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

trzeba wiązać tej samej nazwie wydarzenia - „niestandardowym” - jak ten, który wywołał. Tak:

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

Fiddle

Answer 3

można nazwać to w ten sposób:

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

$("div").mycustom();