Foros del Web » Programación para mayores de 30 ;) » Java »

No logro usar el no conflict mode de jquery

Estas en el tema de No logro usar el no conflict mode de jquery en el foro de Java en Foros del Web. No logro activar el no conflict mode de jquery, soy nuevo ocupando librerías, se como activar una sola pero cuando quiero usar 2 en un ...
  #1 (permalink)  
Antiguo 17/04/2011, 15:41
 
Fecha de Ingreso: junio-2006
Mensajes: 3
Antigüedad: 17 años, 9 meses
Puntos: 0
No logro usar el no conflict mode de jquery

No logro activar el no conflict mode de jquery, soy nuevo ocupando librerías, se como activar una sola pero cuando quiero usar 2 en un mismo sitio no puedo. Ojala y alguien me pueda ayudar. De antemano muchas gracias.


<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>segura+schreiber - Proyectos</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="robots" content="all" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="7 days" />
<meta name="version" content="1.0" />
<meta name="copyright" content="Copyright &copy; 2010 Layered Pixels [[email protected]]" />
<link rel="shortcut icon" href="favicon.ico" />

<!--
Este sitio fue creado por disennio.com
para Segura+Schreiber Playa del Carmen, Q. Roo
Todos los derechos reservados.
-->

<!-- Hojas de estilo -->
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/screen.css" />

<!-- JavaScripts -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery/jquery.easing.js"></script>
<script type="text/javascript" src="assets/js/jquery/jquery.functions.js"></script>

<!-- Cufon -->
<script type="text/javascript" src="assets/js/cufon/cufon.js"></script>
<script type="text/javascript" src="assets/js/cufon/font.js"></script>
<script type="text/javascript" src="assets/js/cufon/config.js"></script>

<link rel="stylesheet" type="text/css" href="js-galeria/cajagaleria/themes/default/jquery.lightbox.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="javascript/cajagaleria/themes/default/jquery.lightbox.ie6.css" /><! [endif]-->
<script type="text/javascript" src="js-galeria/cajagaleria/jquery.lightbox.min.js"></script>


</head>
<body>

<!-- wrapper -->
<div class="wrapper">

<!-- header -->
<div class="header clearfix">

<div class="container">

<a href="index.html"><h1>segura<span style="color:red;">+</span>schreiber</h1></a>
<!-- Texto en lugar de imagen para lograr mejor posicionamiento en google-->

<ul class="nav">
<li><a href="index.html">Inicio</a></li>
<li><a href="firma.html">Nosotros</a>
<ul>
<li><a href="firma.html">Historia</a></li>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="equipo.html">Team</a></li>
<li><a href="servicios.html">Services</a></li>
</ul>
</li>
<li><a href="servicios.html">Servicios</a>
<ul>
<li><a href="servicio1.html">Servicio 1 &amp; Explicación</a></li>
<li><a href="servicio1.html">Servicio 2 &amp; Explicación</a></li>
<li><a href="servicio1.html">Interiorismo y diseño industrial</a></li>
<li><a href="servicio1.html">Bienes raíces</a></li>
<li><a href="servicio1.html">Ingeniería y Diseño de procesos</a></li>
<li><a href="servicio1.html">Rendering y modelado 3D</a></li>
</ul>
</li>
<li><a href="proyectos.html">Proyectos</a>
<ul>
<li><a href="proyecto1.html">Comercial</a></li>
<li><a href="proyecto2.html">Hotelero</a></li>
<li><a href="proyecto3.html">Industrial</a></li>
<li><a href="proyecto4.html">Institucional</a></li>
<li><a href="proyecto5.html">Residencial</a></li>
</ul>
</li>
<li><a href="contacto.html">Contacto</a></li>
</ul>

</div>

</div>
<!-- // header -->

<!-- content -->
<div class="content">

<div class="container">

<div class="page clearfix">

<div class="left-col">

<ul class="leftnav">
<li><a href="proyecto1.html">El Taj</a></li>
<li><a href="proyecto1.html">2</a></li>
<li><a href="proyecto1.html">3</a></li>
<li><a href="proyecto1.html">4</a></li>
<li><a href="proyecto1.html">5</a></li>
<li><a href="proyecto1.html">5</a></li>
</ul>

<div class="btn">
<img src="images/btn_white_paper.png" alt="" />
</div>

</div>

<div class="right-col fondo-taj">

<div class="sub-header">
<h2>El Taj</h2>
</div>

<p class="strong">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ipsum neque, molestie id tristique non, facilisis in felis. Fusce placerat mollis volutpat. Fusce vel eros tortor. Phasellus non magna lectus, at faucibus magna. Morbi semper consectetur leo, eu lacinia enim pulvinar in.</p>

<div id="gallery" style="margin-top:20px;">

<img src="images/galerias/eltaj/foto1.jpg" height="90" width="195" id="boda-denyse" value="Open gallery" style="width:195px; height:90px; background:red; cursor: pointer; float:left; margin-right: 10px;">


<div style="width:195px; height:90px; background:red; cursor: pointer; float:left; ">

</div>

<div style="width:195px; height:90px; background:red; cursor: pointer; float:left; margin-left: 10px;">

</div>

</div>

</div>

<!--<h4>Projects Status</h4>
Table
<table class="global">
<thead>
<tr>
<th>Project Name</th>
<th>Project Value</th>
<th>Investor</th>
<th>% Completed</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="projects_detail.html">Bell Canada Campus</a></td>
<td>Confidential</td>
<td>BCE</td>
<td>95%</td>
</tr>
<tr>
<td><a href="projects_detail.html">Wuxi Hubin Hotel &amp; Spa</a></td>
<td>35M$</td>
<td>ACME Corporation</td>
<td>50%</td>
</tr>
<tr>
<td><a href="projects_detail.html">Yabuli Ski Resort</a></td>
<td>110M$</td>
<td>ACME Corporation</td>
<td>75%</td>
</tr>
</tbody>
</table>
<!-- termina Tabla -->

</div>

<div class="clear"></div>

</div>

</div>

</div>
<!-- termina contentenido -->

<!-- footer -->
<div class="footer">
<div class="left">
<p>Copyright &copy; 2011 <a href="#" title="Derechos reservados nombre del despacho">segura+schreiber</a>. Todos los derechos reservados.</p>
</div>

</div>
<!-- // footer -->

</div>
<!-- // wrapper -->

<script type="text/javascript"> Cufon.now();</script>

<script type="text/javascript">


$(window).ready(function(){
$("#boda-denyse").click(function(ev) {
$.lightbox(["images/galeria/boda-denyse/boda-denyse1.jpg", "imagenes/galeria/boda-denyse/boda-denyse2.jpg", "imagenes/galeria/boda-denyse/boda-denyse3.jpg", "imagenes/galeria/boda-denyse/boda-denyse4.jpg", "imagenes/galeria/boda-denyse/boda-denyse5.jpg"]);
ev.preventDefault();
});

$("#lbgallery2").click(function(ev) {
$.lightbox(["images/galeria/4.jpg", "imagenes/galeria/3.jpg", "imagenes/galeria/6.jpg"]);
ev.preventDefault();
});
});


</script>

</body>
</html>
  #2 (permalink)  
Antiguo 18/04/2011, 01:41
Avatar de Xerelo  
Fecha de Ingreso: mayo-2009
Mensajes: 2.175
Antigüedad: 14 años, 11 meses
Puntos: 306
Respuesta: No logro usar el no conflict mode de jquery

Este es el foro de java, y tú estás preguntando por javascript.

http://www.forosdelweb.com/f13/

De todas formas, el no conflict se utiliza si usas como alias "$" en vez de "jquery", ya que hay otras librerías que también usan ese alias. Lo que hace jquery.noconflict() es que "$" se aplique solo a la otra librería, y en función de donde llames a jquery, no hace ni falta.

Cita:
This will revert $ back to its original library. You'll still be able to use "jQuery" in the rest of your application.
Cita:
If you include jQuery before other libraries, you may use "jQuery" when you do some work with jQuery, and the "$" is also the shortcut for the other library. There is no need for overriding the $-function by calling "jQuery.noConflict()".
http://docs.jquery.com/Using_jQuery_...ther_Libraries
__________________
Cada vez que solucionas los problemas de alguien que no se esfuerza, piensa en que el día de mañana puede llegar a ser tu compañero de trabajo, o peor, tu jefe.

Etiquetas: jquery, mode
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 00:49.