Sto provando con lo script Hyphenopoly.js ma qualcuno sa se alla creazione della pagina in append in modo dinamico c' è un modo per fare funzionare questo script e non solo la prima volta che richiami la pagina nel blocco specifico?

pagina .html:

codice:
<!doctype html>
<html lang="it">
<head>
<http-equiv="content-type" content="text/html; charset=UTF-8">
	<!--Meta-->


	<script src="htmlblocks/sezioniV2.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="css/bootstrap.css"> 
  <link rel="stylesheet" href="css/boot/gm.css">  
  <link rel="stylesheet" href="css/menu.css">
    <link rel="shortcut icon" href="favicon.ico" />
	<!--Link-->
	<link rel="stylesheet" href="css/style.css">
	<title>Manuale AB 2019</title>
	
<!--	<script src="Hyphenator.js" type="text/javascript"></script>-->
	    <script>
        var Hyphenopoly = {
            require: {
                "it": "agghiacciante",
				
 
            },
            paths: {
                patterndir: "js/Sillabazione/Hyphenopoly-master/patterns/",
                maindir: "js/Sillabazione/Hyphenopoly-master/"
            },
            setup: {
                selectors: {
                    ".hyphenate": {
                    }
                }
            }
        };
			
        </script>
	
<script src="js/Sillabazione/Hyphenopoly-master/Hyphenopoly_Loader.js"></script>






	<style type="text/css">
		
		  .hyphenate {
               
                hyphens: auto;
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
            }
		
	</style>
   
</head>


<body>


	<nav class="menu">
		<p class="pubblicazione"><span>Manuale AB 2019</span></p>
		<div class="frecce">
			<img src="img/previous.ico" alt="previous" class="previous">
			<img src="img/next.ico" alt="next" class="next">
		</div>
		<div class="bottone">
			<button class="indice" id="idx_button2"><span>Indice</span></button>
		</div>
		<div class="bottone2">
			<button class="text" id="botton2" ><span>Hyphenator</span></button>
		</div>
		<div class="ricerca">
			<form>
				<input class="fCerca" type="search" aria-label="Cerca" placeholder="Blocco, argomento...">
				<img src="img/lente.png" alt="logo" class="cerca" type="submit">Cerca
			</form>
		</div>
	</nav> 
	
	<div id="genera" class="hyphenate" lang="it" style="padding-top: 60px "></div>


	
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.js "></script>
<script src="js/mobile-detect.min.js"></script>
<script src="js/hammer.min.js"></script>	
<script src="js/engineV6.js"></script>


<!-- <script type="text/javascript" language="javascript" src="js/Sillabazione/Hyphenator-master/Hyphenator.js"></script>
 <script type="text/javascript" language="javascript" src="js/Sillabazione/Hyphenator-master/Hyphenator_Loader.js"></script>
 <script type="text/javascript" language="javascript" src="js/Sillabazione/Hyphenator/it.js"></script>-->
	
		
	
</html>