Не отслеживается нажатие на блок. JQuery.
 

У меня есть та кои код :

HTML

<div class="test" style="font-size:3em; float: left;"></div>
<button type="button" onclick="function_name();">Run</button>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>

JS

function function_name() {
	document.querySelector(".test").innerHTML = '<div class="block" style="width: 100px; height: 100px; background: #607D8B; color: #fff; font-size:1em;">1</div>'
}

$('.block').click(function () {
  alert('Hello World !!!')
});

при нажатии на ‘Run’ появляется блок а при нажатии на него должно высветится ‘Hello World’ но блок не реагирует на нажатие. Почему ??? :help:

Leon-it,
нет блока - нет клика!
решения:
1.ставьте клик на то что есть всегда (делегирование)
2.создали блок, и только потом назначили клик