Buongiorno,
ho un problema con il .load() di jquery, ho bisogno di caricare in un div una pagina che carica i suoi dati dinamicamente tramite javascript , in particolare ho la mia pagina html che tramite un js in una funzione usa il .load di jquery:
quello che mi carica nel DIV sono solo gli elementi html, ma quello che mi serve è che carichi anche i js che arrivano dinamicamente alla pagina containerlibro.php:
nella mia pagina statica il contenuto del div #genera è elaborato tramite un file engineV7 che carica tutto un file chiamato sezioniAB in cui c è il libro vero e proprio, invece con il .load() vengono caricati solo i div statici ma non il libro strutturato, come si fa a caricare dinameicamente i file tramite jquery .load() o simili?
ho un problema con il .load() di jquery, ho bisogno di caricare in un div una pagina che carica i suoi dati dinamicamente tramite javascript , in particolare ho la mia pagina html che tramite un js in una funzione usa il .load di jquery:
Codice:
myClickAnimElement("#ese_div_book", function() {
if (_lese_Stop) { return; }
myStopAudio();
$('#contenitore_libro').load('../librohtml/containerLibro.php?lis=AB #containerlibro');
});
quello che mi carica nel DIV sono solo gli elementi html, ma quello che mi serve è che carichi anche i js che arrivano dinamicamente alla pagina containerlibro.php:
Codice:
<!doctype html>
<html lang="it">
<head>
<script src="../librohtml/AB/js/sezioniAB.js"></script>
<script src="../librohtml/assets/js/jquery.js"></script>
<!--META-->
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Link-->
<link rel="shortcut icon" href="../librohtml/assets/css/bootstrap.css" />
<link rel="stylesheet" href="../librohtml/assets/css/bootstrap.css">
<link rel="stylesheet" href="../librohtml/assets/css/nav_bar.css">
<link rel="shortcut icon" href="../librohtml/AB/css/menuAB.css" />
<link rel="stylesheet" href="../librohtml/AB/css/libroAB.css">
<link rel="stylesheet" href="../librohtml/assets/css/navAB.css">
<link rel="stylesheet" href="../librohtml/assets/images/nextAB.svg">
<link rel="stylesheet" href="../librohtml/assets/images/prevAB.svg">
</head>
<body>
<!--<div class="scrollbox">-->
<div id="containerlibro">
<div class="barra_enter">
<div class="dropdown">
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="link-list-wrapper">
<li>
<a class="list-item" href="#">
<p class="pubblicazione"></p>
<div class="prev" onClick="indietro()"><img class="prev-img" src=""> </div>
<div class="bottone">
<button class="indice" id="idx_button2"><span>Indice</span></button>
</div>
<div class="next" onClick="avanti()"><img class="next-img" src=""> </div>
<input type="text" name="testo" class="scrivi_cerca" id="search-in" onClick="tastiera()" placeholder="cerca nel libro…">
<button class="btn-search" id="myButton" value="Highlight multiple search terms" onClick="ricerca();"><img class="img_search" alt="foto" src="assets/images/lente2.svg"></button>
<div class="box" style="visibility: hidden;">
<button class="next-search" onClick="nextsearch()">Next-search</button>
<div class="text-area" id="text_search"></div>
</div>
<button class="exit" onClick="chiudi()">X</button>
</a>
</li>
</div>
</div>
</div>
</div>
<div id="marginSX" class="margin"></div>
<div id="genera" class="hyphenate scrollbox-content" lang="it"></div>
<div id="marginDX" class="margin"></div>
<!-- <div class="scrollbar_y"></div>-->
</div>
</body>
<script src="../librohtml/assets/js/mobile-detect.min.js"></script>
<script src="../librohtml/assets/js/hammer.min.js"></script>
<script src="../librohtml/assets/js/bootstrap.js"></script>
<script src="../librohtml/assets/js/engineV7mediaweb.js"></script>
</html>
nella mia pagina statica il contenuto del div #genera è elaborato tramite un file engineV7 che carica tutto un file chiamato sezioniAB in cui c è il libro vero e proprio, invece con il .load() vengono caricati solo i div statici ma non il libro strutturato, come si fa a caricare dinameicamente i file tramite jquery .load() o simili?