Espansione serverfarm: siglato accordo per raddoppio banda!


1 utente stanno visualizzando questa discussione: (0 membri, e 1 visitatore).
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Conflitto tra vari script jquery
22-03-2010, 14:27
Messaggio: #1
Conflitto tra vari script jquery
Buongiorno, magari qualcuno di voi sa darmi una dritta.
Allora il problema è il seguente. Sto facendo una skin per wordpress utilizzando due differenti script basati su jquery.
Il problema è che questi script vanno in conflitto tra di loro, credo che sia un problema di come si inseriscono i richiami nell'header...
le parti da inserire sarebbero queste:

Codice:
<script src="js/jquery.vgrid.0.1.4-mod.js" type="text/javascript" charset="UTF-8"></script>

<script type="text/javascript">
//<![CDATA[

function debug(text) {
  ((window.console && console.log) ||
   (window.opera && opera.postError) ||
   window.alert).call(this, text);
}
jQuery.noConflict();

(function($){
    $(function(){


        
        $('#header').css("visibility", "hidden");
        var setGrid = function () {
            return $("#grid-wrapper").vgrid({
                easeing: "easeOutQuint",
                time: 800,
                delay: 60,
                selRefGrid: "#grid-wrapper div.x1",
                selFitWidth: ["#container", "#footer"],
                gridDefWidth: 290 + 15 + 15 + 5,
                forceAnim: <?php echo (is_singular()) ? 0 : 1; ?>
            });
        };
        
        setTimeout(setGrid, 300);
        setTimeout(function() {
            $('#header').hide().css("visibility", "visible").fadeIn(500);
        }, 500);
        
        $(window).load(function(e){
            setTimeout(function(){
                // prevent flicker in grid area - see also style.css
                $("#grid-wrapper").css("paddingTop", "0px");

            }, 1000);
        });

    }); // end of document ready
})(jQuery); // end of jQuery name space

//]]>
</script>

e l'altro pezzo relativo all'altra funzione

Codice:
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
        
        <script type="text/javascript">
        jQuery.noConflict();
            $(document).ready(function(){
        
                $('.boxgrid.captionfull').hover(function(){
                    $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
                }, function() {
                    $(".cover", this).stop().animate({top:'180px'},{queue:false,duration:160});
                });

            });
        </script>

adesso essendo un perfetto ignorante di javascript, come dovrei inserire questi codici in maniera tale che non vadano in conflitto tra di loro?

Grazie.

Perdigiorno di professione, fancazzista per passione, asociale per necessitá.
Visita il sito web di questo utente Trova tutti i messaggi di questo utente
10-02-2011, 22:59
Messaggio: #2
RE: Conflitto tra vari script jquery
Conflitto in che senso? Che errore ti da firebug?
Hai caricato prima la jquery e poi l'estensione, vero?

Prova così:

Codice JAVASCRIPT:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<script src="js/jquery.vgrid.0.1.4-mod.js" type="text/javascript" charset="UTF-8"></script>
 
<script type="text/javascript">
   function debug(text) {
      ((window.console && console.log) ||
         (window.opera && opera.postError) ||
            window.alert).call(this, text);
   }
 
   jQuery.noConflict();
 
   $(document).ready(function(){
      $('.boxgrid.captionfull').hover(function(){
         $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
      }, function() {
         $(".cover", this).stop().animate({top:'180px'},{queue:false,duration:160});
      });
 
 
      $('#header').css("visibility", "hidden");
      var setGrid = function () {
          return $("#grid-wrapper").vgrid({
              easeing: "easeOutQuint",
              time: 800,
              delay: 60,
              selRefGrid: "#grid-wrapper div.x1",
              selFitWidth: ["#container", "#footer"],
              gridDefWidth: 290 + 15 + 15 + 5,
              forceAnim: <?php echo (is_singular()) ? 0 : 1; ?>
          });
      };
 
      setTimeout(setGrid, 300);
      setTimeout(function() {
          $('#header').hide().css("visibility", "visible").fadeIn(500);
      }, 500);
 
      $(window).load(function(e) {
         setTimeout(function(){ 
         // prevent flicker in grid area - see also style.css
         $("#grid-wrapper").css("paddingTop", "0px");
      }, 1000);
   });
</script>

:alcool::alcool: :adminpower: :alcool::alcool:

Web4Web.IT - Low Cost Hosting
Pacchetti multidominio a partire da € 10,00
Visita il sito web di questo utente Trova tutti i messaggi di questo utente
10-02-2011, 23:03
Messaggio: #3
RE: Conflitto tra vari script jquery
Non avrò mica risposto ad un thread di Marzo 2010, vero ?

:alcool::alcool: :adminpower: :alcool::alcool:

Web4Web.IT - Low Cost Hosting
Pacchetti multidominio a partire da € 10,00
Visita il sito web di questo utente Trova tutti i messaggi di questo utente
11-02-2011, 02:44
Messaggio: #4
RE: Conflitto tra vari script jquery
Ehmmmm pare proprio di si Big Grin
Comunque grazie.

Perdigiorno di professione, fancazzista per passione, asociale per necessitá.
Visita il sito web di questo utente Trova tutti i messaggi di questo utente


Altri utenti che stanno visualizzando questa discussione

1 utente stanno visualizzando questa discussione: (0 membri, e 1 visitatore).
 
Discussioni correlate...
Discussione: Autore Risposte: Letto: Ultimo messaggio
  Problemi script Wilky 1 5.790 18-08-2014 15:31
Ultimo messaggio: johndoe
  Script programma Wilky 2 11.232 06-04-2010 18:55
Ultimo messaggio: Wilky
  Jquery Vgrid srpd 0 5.173 09-01-2010 19:51
Ultimo messaggio: srpd
 
Vai al forum:


Permessi di scrittura
Non puoi inserire nuove discussioni.
Non puoi inserire risposte.
Non puoi inserire allegati.
L' HTML è disattivato.
Il MyCode è attivato.
Le faccine sono attivato.
Il codice [img] è attivato.