2 jquerys en la misma página

  • Rika
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Oct 14, 2009
  • Mensajes: 14
  • Loc: Singapore
  • Status: Offline

Nota Marzo 18th, 2010, 9:29 am

Im tratando de poner 2 plugins jQuery en la misma página HTML. Sin embargo, sólo funciona cuando hay una jQuery. Sé que se puede hacer sitios web que no he visto con 2 jquerys. ¿Puede alguien ayudarme con esto? Im realmente atascado.
Código: [ Select ]
<link rel="stylesheet" type="text/css" href="css/featuredcontentglider.css" />
<link rel="stylesheet" type="text/css" href="css/contactform.css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
  if (field.defaultValue == field.value) field.value = '';
  else if (field.value == '') field.value = field.defaultValue;
}
</script>


<link rel="stylesheet" type="text/css" href="css/jquery.accessible-news-slider.css" />
<script language="javascript" type="text/javascript" src="scripts/jquery-1.2.6.pack.js"></script>
<script language="javascript" type="text/javascript" src="scripts/jquery.accessible-news-slider.js"></script>
<script language="javascript" type="text/javascript">
    
    $(function() {
    
        $( "#example_1" ).accessNews({
        headline : "Candy Coated",
        speed : "normal",
            slideBy : 2
      });
        
    });
    
</script>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/featuredcontentglider.js"></script>
<script language="javascript" src="scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
      $(document).ready(function(){

        $("#contactLink").click(function(){
          if ($("#contactForm").is(":hidden")){
            $("#contactForm").slideDown("slow");
          }
          else{
            $("#contactForm").slideUp("slow");
          }
        });
        
      });
      
      function closeForm(){
        $("#messageSent").show("slow");
        setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
      }
    </script>
  1. <link rel="stylesheet" type="text/css" href="css/featuredcontentglider.css" />
  2. <link rel="stylesheet" type="text/css" href="css/contactform.css" />
  3. <script language="javascript" type="text/javascript">
  4. function clearText(field)
  5. {
  6.   if (field.defaultValue == field.value) field.value = '';
  7.   else if (field.value == '') field.value = field.defaultValue;
  8. }
  9. </script>
  10. <link rel="stylesheet" type="text/css" href="css/jquery.accessible-news-slider.css" />
  11. <script language="javascript" type="text/javascript" src="scripts/jquery-1.2.6.pack.js"></script>
  12. <script language="javascript" type="text/javascript" src="scripts/jquery.accessible-news-slider.js"></script>
  13. <script language="javascript" type="text/javascript">
  14.     
  15.     $(function() {
  16.     
  17.         $( "#example_1" ).accessNews({
  18.         headline : "Candy Coated",
  19.         speed : "normal",
  20.             slideBy : 2
  21.       });
  22.         
  23.     });
  24.     
  25. </script>
  26. <script type="text/javascript" src="scripts/jquery.min.js"></script>
  27. <script type="text/javascript" src="scripts/featuredcontentglider.js"></script>
  28. <script language="javascript" src="scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
  29. <script type="text/javascript">
  30.       $(document).ready(function(){
  31.         $("#contactLink").click(function(){
  32.           if ($("#contactForm").is(":hidden")){
  33.             $("#contactForm").slideDown("slow");
  34.           }
  35.           else{
  36.             $("#contactForm").slideUp("slow");
  37.           }
  38.         });
  39.         
  40.       });
  41.       
  42.       function closeForm(){
  43.         $("#messageSent").show("slow");
  44.         setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
  45.       }
  46.     </script>
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 18th, 2010, 9:29 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Marzo 19th, 2010, 11:09 am

Usted no necesita varias copias de la base de jQuery real. Quite la línea 28 y línea 13. A continuación, mueva la línea 30 a la primera llamada JS. La razón de que no funciona es que simplemente sobrescribir el código de la biblioteca cada vez y causando conflictos.

Usted puede tener enchufes múltiples (temas que ampliar la base de jQuery), pero sólo una versión de la base de jQuery.

También recomiendo coger una nueva versión de jQuery 1.2.6 es bastante viejo.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 98 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC