Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Conflicto de jQuery con Prototype y plugin lightbox

Estas en el tema de Conflicto de jQuery con Prototype y plugin lightbox en el foro de WordPress en Foros del Web. Buenas, Pues agregé un jQuery llamado liScroll que exige utilizar jQuery en mi theme de Wordpress, ahora lo que sucede, es que el jQuery provoca ...
  #1 (permalink)  
Antiguo 13/02/2010, 18:42
 
Fecha de Ingreso: diciembre-2001
Mensajes: 118
Antigüedad: 23 años
Puntos: 0
Conflicto de jQuery con Prototype y plugin lightbox

Buenas,

Pues agregé un jQuery llamado liScroll que exige utilizar jQuery en mi theme de Wordpress, ahora lo que sucede, es que el jQuery provoca errores en el wp-content/js/prototype.js y en el plugin wp-content/pluging/lightbox-2.
Este último plugin deja de funcionar si utilizo el jQuery para liScroll.

Que debería hacer?

Muchas gracias.

Más info sobre liScroller en: www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html ·
  #2 (permalink)  
Antiguo 16/02/2010, 15:51
Avatar de axdds34  
Fecha de Ingreso: diciembre-2005
Ubicación: Tei Chua - China
Mensajes: 214
Antigüedad: 19 años
Puntos: 4
Respuesta: Conflicto de jQuery con Prototype y plugin lightbox

Probá añadiendo estas dos lineas al header.php de tu theme (tiene que ser entre <head> y </head>)

Código:
<?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('thickbox'); ?>
  #3 (permalink)  
Antiguo 16/02/2010, 19:46
 
Fecha de Ingreso: diciembre-2001
Mensajes: 118
Antigüedad: 23 años
Puntos: 0
Respuesta: Conflicto de jQuery con Prototype y plugin lightbox

Muchas gracias, pero el problema persiste.
Son estos codigos
Código HTML:
<script type='text/javascript' src='http://www.***.com/web/wp-includes/js/prototype.js?ver=1.6'></script>
<script type='text/javascript' src='http://www.***.com/web/wp-content/plugins/lightbox-2/lightbox.js?ver=1.8'></script> 
que genera el plugin para wordpress "Lightbox-2" los que crear un conflicto con la llamada al jquery para hacer funcionar el liScroll.

¿Alguien que se haya topado con algun error similar?
  #4 (permalink)  
Antiguo 24/11/2011, 14:42
 
Fecha de Ingreso: junio-2007
Mensajes: 1
Antigüedad: 17 años, 6 meses
Puntos: 0
Respuesta: Conflicto de jQuery con Prototype y plugin lightbox

hola con todos... espero me puedan ayudar.. les comento un cliente me a pedido que lo incluya en su web unas animaciones de fotos y una galería con efectos como flash pero el detalle es q se tiene que ver en los moviles asi que estaba investigando un poco y di con el jQuery... lo prove y funciona bien un efecto pero el momento que quiero incluir otro como el ligthbox no funciona me pueden por favor decir q estoy haciendo mal... la verdad inicio en esto del jquery y no se por donde va el error

A continuación les dejo el código muchas gracias por su ayuda


Cita:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/

function slideSwitch() {
var $active = $('#slideshow IMG.active');

if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');

// uncomment the 3 lines below to pull the images in random order

// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );


$active.addClass('last-active');

$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}

$(function() {
setInterval( "slideSwitch()", 3000 );
});

</script>
  #5 (permalink)  
Antiguo 08/02/2014, 21:09
 
Fecha de Ingreso: febrero-2014
Mensajes: 1
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Conflicto de jQuery con Prototype y plugin lightbox

Toniveas y todo los demás encontré la solución aunque puede ser tarde, pero seguro a alguien mas le pueda servir.

la idea es crear una Variable que cambie la letra reservada $.

Esto sirve para conflicto no solo con Prototype, también con otros.

acá el ejemplo:
Código Javascript:
Ver original
  1. // Evita conflicto con otro codigo JS (no necesariamente prototype)
  2.   // que use la llamada $(...)
  3.   var $j = jQuery.noConflict();
  4.  
  5.   $j(document).ready(function() {
  6.    
  7.     // Aqui dentro, hacer las llamadas al codigo js
  8.     // con JQuery, como por ejemplo..
  9.     $j('#piepag').css({left: '0px'});
  10.    
  11.   });

Y este esta es la fuente: https://www.teslatechnologies.es/jquery-evitar-conflicto-codigo-javascript/

Etiquetas: conflicto, jquery, lightbox, plugin, prototype
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 16:11.