jquery no funciona con mootools

degupukas · #1 (**permalink**) 07/11/2008, 01:30

hola muy buenas alguien sabe como puedo solucionar el problema para que jquery y mootools funciones al mismo tiempo he tratado de averiguar los posibles problemas que existe entre ambos y como solucionarlos lo unico que he viste jQuery.noConflict(); pero no me ha solucionado nada alguien porfavor seria tan amable de indicarme que debo de hacer gracias

#2 (**permalink**) 07/11/2008, 06:15

En general con noConflict() se puede hacer que funcione, con ciertas limitaciones. Pon tu código para ver cómo lo has hecho y qué se puede hacer.

El problema es que Mootools no tiene demasiada intención de llevarse bien con otras librerías.

degupukas · #3 (**permalink**) 07/11/2008, 10:10

hola este es el codigo esta bastante desordenado es una galeria smooth y las noticias newsticker
le he quitado el noconflict porque no se exactamente como trabaja y en donde va

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>

<script type="text/javascript" src="file:///Macintosh HD/Users/degupukas/Desktop/a/TotW_9032/jquery/jquery-1.1.4.pack.js"></script>
<script src="file:///Macintosh HD/html/mootools.v1.11.js" type="text/javascript"></script>
<script src="file:///Macintosh HD/html/jd.gallery.js" type="text/javascript"></script>
<script src="file:///Macintosh HD/html/jd.gallery.transitions.js" type="text/javascript"></script>
<link rel="stylesheet" href="file:///Macintosh HD/html/css/jd.gallery.css" type="text/css" media="screen" />
<script type="text/javascript" src="file:///Macintosh HD/Users/degupukas/Desktop/a/TotW_9032/jquery/jquery.newsticker.pack.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#jquery_newsticker").newsticker();
});
</script>

<style type="text/css">

body {
margin-left: 100px;
margin-top: 30px;
margin-right: 100px;
margin-bottom: 30px;
background-image: url(../CARBON.jpg);
}

#jquery_newsticker {list-style-type: none;border: 1px dashed #000000; background: #ffffff; padding: 3px; margin: 0px; width: 432px; }
.fechora {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
background-image: url(z/LOGOS/DEPOR.jpg);
background-repeat: no-repeat;
padding-top: 30px;
padding-left: 760px;
}
</style>

</head>

<body>
<table width="1073">
<tr>
<td> </td>
</tr>
</table>
<table width="1073">
<tr>
<td> </td>
</tr>
</table>
<table width="1073">
<tr>
<td><ul id="jquery_newsticker">
<li>Find out more about <a href="http://www.lassosoft.com/">Lasso</a>!</li>
<li>Find out more about <a href="http://jquery.com/">JQuery</a>!</li>
<li>Find out more about <a href="http://www.texotela.co.uk/code/jquery/newsticker/">Newsticker</a>!</li>
</ul></td>
<td> </td>
<td> </td>
</tr>
</table>
<table width="1073">
<tr>
<td> </td>
</tr>
</table>
<table width="1073">
<tr>
<td> </td>
</tr>
</table>
<table width="1073">
<tr>
<td width="871">

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: true,
showCarousel: true
});
}
window.addEvent('domready', startGallery);
</script>

<div id="myGallery">
<div class="imageElement">
<h3><a href="index.php">Mundial Femenino Sub-17</a></h3>
<p>La representación de Costa Rica en el Mundial Sub 17 ha quedado eliminada tras perder contra Alemania y Korea del sur.Con esto tan solo le queda cumplir el último partido frente frente a Ghana</p>
<a href="http://deportico.co.cr." title="open image" class="open"></a><img src="../images/brugges2006/1.jpg" width="833" height="340" class="full" /><img src="images/brugges2006/1-mini.jpg" class="thumbnail" /></div>
<div class="imageElement">
<h3><a href="formula1.html">Felipe Massa presiona</a></h3>
<p><a href="formula1.html">El piloto Brasileño consiguió la 'Pole' ante el delirio de sus seguidores, mientras que su rival, al que le basta un quinto puesto para ser campeón ,saldra desde el cuarto lugar</a></p>
<a href="formula1.html" title="open image" class="open"></a><a href="formula1.html"><img src="../images/brugges2006/2.jpg" class="full" /></a><img src="images/brugges2006/2-mini.jpg" class="thumbnail" /></div>
<div class="imageElement">
<h3><a href="wrc.html">Mikko líder en Japón</a></h3>
<p><a href="wrc.html">Mikko Hirvonen lidera el Rally de Japón ,decimocuarta y penúltima prueba del Mundial del Rally, tras disputarse la segunda etapa.</a></p>
<a href="wrc.html" title="open image" class="open"></a><a href="wrc.html"><img src="../images/brugges2006/3.jpg" class="full" /></a><img src="images/brugges2006/3-mini.jpg" class="thumbnail"/></div>
</div></td>
<td width="190"> </td>
</tr>
</table>
<table width="1073">
<tr>
<td> </td>
</tr>
</table>

masterojitos · #4 (**permalink**) 07/11/2008, 11:48

amigo para que utilizas el motools y para que el jquery.
por que quizas no sea necesario usar los dos y solo uno....
ya que tengo un error parecido, cuando quiero con jquery mostrar dialogos como el prompt y con rico un grid.

suerte.

degupukas · #5 (**permalink**) 07/11/2008, 14:43

el mootool lo utiliza la galleria smooth gallery y new sticker el jquery masterojito me puede enviar un ejemplo como solucionaste el problema gracias

#6 (**permalink**) 07/11/2008, 15:43

Primer asunto: Estás usando una versión de jQuery un tanto vieja. Te recomendaría que pasaras a la 1.2.6.

Por lo demás, el uso de jQuery con noConflict se hace así:

Primero incluyes la otra librería (en este caso Mootools).
Segundo incluyes jQuery.
Tercero incluyes un script en el que llames a:

Código javascript:

Ver originaljQuery.noConflict();

A partir de ahí $() vuelve a ser la función de Mootools y cuando quieras usar jQuery tendrás que hacerlo con jQuery en lugar de $ (por ejemplo jQuery("#newsticker").tal() en lugar de $("#newsticker").tal()).

Con esto se puede hacer que ambas librerías funcionen juntas. ¿Sin problemas? Bueno, no, sin problemas no. Puede seguir apareciendo algún problema. Aunque jQuery intenta trabajar lo mejor posible con otras librerías, Mootools no hace lo mismo y no se lleva demasiado bien con otras librerías.

Por otro lado la opción de sólo usar una de las dos librerías es también una buena opción. No sé cómo será la Smooth Gallery pero posiblemente puedes encontrar algún plugin de jQuery que se parezca a lo que necesitas.
Mira por ejemplo qué te parecen estas:
http://benjaminsterling.com/jquery-j...photo-gallery/
http://getintothis.com/pub/projects/gallery/

degupukas · #7 (**permalink**) 07/11/2008, 17:39

venkman
muy amable por responde me voy a poner a solucionar el problema mil grac.

degupukas · #8 (**permalink**) 07/11/2008, 20:24

venkman todo bien exactamente se logro arreglar el problema el unico problema que al agregar otra script de jquery me dejo de funcionar pero bueno lo cambien por otro script y volvio a funcionar. otra vez gracias

masterojitos · #9 (**permalink**) 07/11/2008, 23:40

bueno mira... si usas el jquery para el ticker... ps quedate con el jquery y en ves de usar a motool para la galeria te recomiendo esta: MasterOjitos.

suerte.

degupukas · #10 (**permalink**) 08/11/2008, 01:15

MASTEROJITO gracias por el aporte disculpa no se si has visto la galeria smooth gallery 2.0 si no la has visto aka esta el link http://smoothgallery.jondesign.net/ te pregunto yo uso smooth porque a la hora que sale la foto se expande un cuadro negro semi transparente que lo quiero usar para poner un titulo y un pequeno parrafo no sabe si existen algo muy similar para jquery gracias

masterojitos · #11 (**permalink**) 09/11/2008, 04:18

mira la verdad no me he dado el tiempo como para saber exactamente todas las galerias o plugins del JQuery, pero si he visto varias y hay algunas que se adecuan a la tuya.

mira puedes ir a la seccion de galerias en mi link: MasterOjitos

y ayi facil que si encuentras lo que quieres y sobre todo te enteras de lo fabulso que es el JQuery.

Dios te Bendiga.