[JS][jQuery] Events Hooking – 元件觸發事件開發

Intro

JS基本的Callback這篇就不多談,現在主要是開發JS元件的Events Pattern。

例如Bootstrap Modal Events


Pattern

以jQuery實作,自定義Event Namespace

利用jQuery EventjQuery Trigger

<a>Ancher</a>

<!-- jQuery required -->
<script>
$("a").click(function(){
  alert('Click');
  var e = $.Event("namespace");
  $(this).trigger(e);
  // Or directly `$(this).trigger("namespace");`
});

$("body").on("namespace", function(){
  alert('A')
})

$("body").on("namespace", function(){
  alert('B')
})

$("a").on("namespace", function(){
  alert('C')
})
</script>

Leave a Reply

Your email address will not be published. Required fields are marked *