Foros del Web » Programando para Internet » Jquery »

Conflicto entre librerias jQuery

Estas en el tema de Conflicto entre librerias jQuery en el foro de Jquery en Foros del Web. Buenos días Tengo conflicto cuando utilizo así estas librerías: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script type = "text/javascript" src = "js/jquery.min.js" ></ ...
  #1 (permalink)  
Antiguo 22/01/2014, 10:36
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.121
Antigüedad: 14 años, 9 meses
Puntos: 9
Pregunta Conflicto entre librerias jQuery

Buenos días

Tengo conflicto cuando utilizo así estas librerías:

Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/jquery.min.js"></script>
  2. <script type="text/javascript" src="js/jquery.colorbox.js"></script>
  3.  
  4. <script type="text/javascript" src="js/tooltip/scripts.js"></script>
  5. <script type="text/javascript" src="js/tooltip/jquery.tooltipster.js"></script>

El asunto redica con este:

Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/jquery.min.js"></script>

¿Cómo puedo utilizar estas librerías?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 22/01/2014, 10:45
Avatar de PHPeros
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 5 años, 2 meses
Puntos: 578
Respuesta: Conflicto entre librerias jQuery

¿Tienes conflicto?

Usa jQuery.noConflict()
  #3 (permalink)  
Antiguo 22/01/2014, 11:54
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.121
Antigüedad: 14 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

Etiquetas: conflicto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:34.