como carregar script com .load() ou outra funnção?
Olá pessoal, tenho uma nova duvida,
Estou montando um site, e nele tenho um catalo de produtos, com a função load, consigo carregar ao clicar em um produto os detalhes dele agora o problema é o seguinte, cada imagem tem um zoom automatico , que funciona quando a pagina é carregada, mas quando clico em um link ele desativa e nao funciona mais.
produtos.html
essa é a informação (div) que quero carregar na pagina em q eu esteje junto com o script. aqui o zoom funciona normal, mas quando chamo ela em outra pagina, não.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src='elevatezoom-master/jquery-1.8.3.min.js'></script>
<script src='elevatezoom-master/jquery.elevatezoom.js'></script>
<script src="cssmenu/script.js"></script>
</head>
<body>
<div class="detail" id="transformadordetail" >
<img class="imgclass" src="produtos/miniaturas/JPEG/Transformador new.jpg" height="250" id="transformadordet" data-zoom-image="produtos/Transformador new.jpg" style="float:left"/>
<div class="detailtext" >
<p><strong>Transformador Casador de Impedância</strong></p>
<p> (<a href="manual/GSA 6000.pdf">MANUAL</a>) </p>
</div>
<script>
$('#transformadordet').elevateZoom({
scrollZoom : true,
zoomLevel: 2
});
</script>
</div>
</body>
</html>Agora a index.html
aqui o zoom nao funciona mais, pq pelo que eu li o script desativa com a .load, o que posso fazer então
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src='elevatezoom-master/jquery-1.8.3.min.js'></script>
<script src='elevatezoom-master/jquery.elevatezoom.js'></script>
<script src="cssmenu/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#cssmenu a").click(function( e ){
e.preventDefault();
var href = $( this ).attr('href');
$("#contentitens").load(href);
});
});
</script>
</head>
<body>
<a href="produto.html #trasnformadordetail">Transformador</a>
<div id="contentitens" class="intensGlobal" style="margin:20px">aqui vai o conteudo
</div>
</body>
</html>noo script mudei o seguinte
<script type="text/javascript">
$(document).ready(function(){
$("#cssmenu a").click(function( e ){
e.preventDefault();
var href = $( this ).attr('href');
$("#contentitens").load(href); });
});
});
</script>
});
});
});
</script>Discussão (7)
Carregando comentários...