Conflicto con 3 jQuery Utilizo 3 jQuery que son para:
Menú
ToolTip
Zoom
Pero el zoom no me funciona, así tengo mis códigos:
Cita:
<!-- menú de Navegación -->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!-- ToolTip -->
<script type="text/javascript" src ="js/jquery.cluetip.js"></script>
<script type="text/javascript" src ="js/demo.js"></script>
<!-- Zoom -->
<script type="text/javascript" src="js/zoomy.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!-- ToolTip -->
<script type="text/javascript" src ="js/jquery.cluetip.js"></script>
<script type="text/javascript" src ="js/demo.js"></script>
<!-- Zoom -->
<script type="text/javascript" src="js/zoomy.min.js"></script>
Cita:
Código para el zoom:<!-- Navegación del menú -->
<script type="text/javascript">
$(document).ready(function() {
$("#Marcos_tabs div").hide(); // Inicialmente ocultar todo el contenido
$("#tabs li:first").attr("id","current"); // Activar primera pestaña
//$("#Marcos_tabs div:first").fadeIn(); // Mostrar el contenido de la primera ficha
$('#tabs a').click(function(e) {
e.preventDefault();
if ($(this).closest("li").attr("id") == "current"){ //detección de ficha actual
return
}
else{
$("#Marcos_tabs div").hide(); //Ocultar todos los contenidos
$("#tabs li").attr("id",""); //Restablecer id
$(this).parent().attr("id","current"); // Active esta
$('#' + $(this).attr('name')).fadeIn(); // Mostrar el contenido de la pestaña actual
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#Marcos_tabs div").hide(); // Inicialmente ocultar todo el contenido
$("#tabs li:first").attr("id","current"); // Activar primera pestaña
//$("#Marcos_tabs div:first").fadeIn(); // Mostrar el contenido de la primera ficha
$('#tabs a').click(function(e) {
e.preventDefault();
if ($(this).closest("li").attr("id") == "current"){ //detección de ficha actual
return
}
else{
$("#Marcos_tabs div").hide(); //Ocultar todos los contenidos
$("#tabs li").attr("id",""); //Restablecer id
$(this).parent().attr("id","current"); // Active esta
$('#' + $(this).attr('name')).fadeIn(); // Mostrar el contenido de la pestaña actual
}
});
});
</script>
Cita:
Lei que utilizando "jQuery.noConflict();" y cambiando los "$" por jQuery funcionaba pero no, el zoom no me funciona.<html>
<head>
<title>...</title>
</head>
<body>
</body>
<script type="text/javascript">
$(function(){
$('.zoom').zoomy();
}(jQuery))
</script>
</html>
<head>
<title>...</title>
</head>
<body>
</body>
<script type="text/javascript">
$(function(){
$('.zoom').zoomy();
}(jQuery))
</script>
</html>
Como debo agregar el "jQuery.noConflict();" para que exista conflicto entre varios jQuery?
Gracias por su ayuda
