Tema: Conflicto entre librerias jQuery
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/01/2014, 11:54
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Respuesta: Conflicto entre librerias jQuery
Hola PHPeros

Así tengo la estructura de mi página y no me funciona.

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.  
  4.     <head>
  5.     <title>titulo</title>
  6.         
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.     <link href="favicon.png" rel="shortcut icon" type="image/png">
  9.     <!--[if lt IE 9]>
  10.     <script type="text/javascript">
  11.     "'article aside footer header nav section time'".replace(/\w+/g,function(n){document.createElement(n)});
  12.     </script>
  13.     <![endif]-->
  14.     
  15.     <script type="text/javascript">
  16.     jQuery.noConflict();
  17.     </script>
  18.     
  19.     <script src="js/jquery.min.js"></script>
  20.     <script src="js/jquery.colorbox.js"></script>   
  21.     
  22.     <script src="js/tooltip.js" type="text/javascript"></script>
  23.     
  24.     
  25.     <script>
  26.     $(document).ready(function(){
  27.     //Examples of how to assign the Colorbox event to elements
  28.     $(".group1").colorbox({rel:'group1'});
  29.     $(".group2").colorbox({rel:'group2', transition:"fade"});
  30.     $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
  31.     $(".group4").colorbox({rel:'group4', slideshow:true});
  32.     $(".ajax").colorbox();
  33.     $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
  34.     $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
  35.     $(".iframe").colorbox({iframe:true, width:530, height:400});
  36.     $(".inline").colorbox({inline:true, width:"50%"});
  37.     //$('.inline').colorbox({rel:'inline',width:'50%',height:'50%'}).mouseover(function(){ $(this).click();  }); 
  38.     $(".callbacks").colorbox({
  39.     onOpen:function(){ alert('Abrir: colorbox se esta abriendo'); },
  40.     onLoad:function(){ alert('Cargando: colorbox ha empezado a cargar el contenido específico'); },
  41.     onComplete:function(){ alert('Completo: colorbox has displayed the loaded content'); },
  42.     onCleanup:function(){ alert('Limpiar: colorbox ha mostrado el contenido cargado'); },
  43.     onClosed:function(){ alert('Cerrar: colorbox ha cerrado por completo'); }
  44.     });
  45.  
  46.     $('.non-retina').colorbox({rel:'group5', transition:'none'})
  47.     $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
  48.                 
  49.     //Example of preserving a JavaScript event for inline calls.
  50.     $("#click").click(function(){ 
  51.     $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Abra la ventana de nuevo y este mensaje seguirá aquí.");
  52.     return false;
  53.     });
  54.     });
  55.     </script>
  56.      
  57.     <script type="text/javascript">
  58.     $(document).ready(function() {
  59.     $('.pestana').hide().eq(0).show();
  60.     $('.tabs li').click(function(e){
  61.     e.preventDefault();
  62.     e.stopPropagation();
  63.     $('.pestana').hide();
  64.     $('.tabs li').removeClass("selected");
  65.     var id = $(this).find("a").attr("href");
  66.     $(id).fadeToggle();
  67.     $(this).addClass("selected");
  68.     });
  69.     });
  70.     </script>
  71.  
  72. </head>
  73.     
  74.     <body>
  75.     
  76.     </body>
  77. </html>

¿Donde debo poner ese código?

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario