JSFiddle - React, Tailwind, and code Playground

by black strings

HTML

<h3>Jquery on event Test</h3>
<div id="main"></div>

<div id="display"></div>
<div id="display2"></div>

CSS

div {padding:10px; border:thin solid red;}

JavaScript

var s ="Jquery on event"

//different from delegate but it works similar
//trigger one event only triggers that dom element setup

//trigger button
var $btn = $('<button>')
	.append("Click Me")
  .click(function(){
  	$('#display').trigger('fly');
    $('#display2').trigger('fly');
  });
  
//event setup
$('#display').on('fly', function(){
	$(this).html("the event is triggered");
});


$('#display2').on('fly', function(){
	$(this).html("the event is triggered here too");
});



//add button to main div
$('#main').append($btn);