Funkcja nie wywołuje sie drugi raz JavaScript

pytanie zadane 10 lutego 2017 w JavaScript przez niezalogowany
zamknięte 10 lutego 2017

witam, pisze sobie prostą gre typu click
mam pewien problem z funkcją, które wywołuje się tylko raz.

komentarz zamknięcia: najlepsza

1 odpowiedź

odpowiedź 10 lutego 2017 przez hoktaur Pasjonat (22,250 p.)
wybrane 10 lutego 2017

Najlepsza

Aby temu zaradzić skorzystaj z:

$(document).on('click','.rectangle',function(){ coś tam do zrobienia})

komentarz 10 lutego 2017 przez niezalogowany

Wspaniale, działa.
A zechciałbyś wytłumaczyć dlaczego tak sie stało? To że działa to jedno ale chciałbym też zrozumieć.

komentarz 10 lutego 2017 przez hoktaur Pasjonat (22,250 p.)
edycja 10 lutego 2017 przez hoktaur

Masz pobaw się tym:

<!DOCTYPE html>
<html lang="pl">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
  <style>
	.example {
		width: 100px;
		height: 100px;
		margin: 10px;
		background-color: red;
		font-size: 30px;
		align: center;
	}
  
  </style>
  
  
</head>
<body>

<div class="container">
	<button id="addEvent" type="button">Dowiąż event</button>
	<button id="addExample" type="button">Dodaj element</button>
		
	
</div>

<script>
	$('#addExample').click(function(){
		$('.container ').append('<div class="example">' + Math.floor(Math.random() * 101) +'</div>');
	});
	$('#addEvent').click(function(){
		$('.example').click(function() {
			this.remove();
		});
	});
</script>

</body>
</html>

i podejrzyj w inspektorze co się dzieje: